今天给各位分享javascript修改图片路径的知识,其中也会对如何修改图片路径进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!
本文目录一览:
1、js怎么改变图片位置2、用javascript 更改图片的路径代码怎样写3、jquery或者js怎么改变路径!4、怎样用js改变图片路径?
js怎么改变图片位置
先把图片的父元素的css样式,postion设置为relative,然后图片的postion设置为absolute,然后用js来改变的图片的left 和 top数值就可以改变图片的位置了。如果不设置父元素,那就将图片的postion设置为relative,也可以改变位置,JS同样。
下面是个简单的例子,你参考下
!DOCTYPE html
html
head
meta charset=”utf-8″
titleTEST/title
style type=”text/css”
*{margin: 0; padding: 0;}
.wrap { position: relative; }
#pic { position: absolute; }
/style
/head
body
div class=”wrap”
img id=”pic” src=”222.jpg”
/div
script type=”text/javascript”
var pic = document.getElementById(“pic”);
pic.style.left=50+”px”; //这里可以更改图片左边距
pic.style.top=30+”px”; //这里可以更改图片的上边距
/script
/body
/html
script type=”text/javascript”
var pic = document.getElementById(“pic”);
pic.style.left=150+”px”;
pic.style.top=130+”px”;
/script
用javascript 更改图片的路径代码怎样写
//举个例子,这个图片 img id=’soso’ src=’‘ / //必须先获取图片 var _img=document.getElementById(“soso”) //然后才能修改图片路径 _img.src=; 给分,给分,
jquery或者js怎么改变路径!
js改变图片路径:
HTML代码:
img id=”tu” src=”images/bg1.jpg” /
button id=”btnChange” value=”换图” onclick=”changeImg();”/
js代码:
script type=”text/javascript”
function changeImg(){
//取出图片控件
var img=document.getElementById(“tu”);
//改变其src属性的值
img.src=”images/bg2.jpg”;
}
/script
jQuery改变图片路径:
HTML代码:
img id=”tu” src=”images/bg1.jpg” /
button id=”btnChange” value=”换图”/
js代码:
script type=”text/javascript” src=”js/jquery.1.8.3.min.js”/script
script type=”text/javascript”
$(document).ready(function(){
//按钮点击事件
$(“#btnChange”).click(function(){
$(“#tu”).attr(“src”,”images/bg2.jpg”);
//或者
$(“#tu”).prop(“src”,”images/bg3.jpg”);
});
});
/script
怎样用js改变图片路径?
script
function aa(h)
{
if (h==1)
{document.all.img1.src=”images/22.jpg”};
if (h==2)
{document.all.img1.src=”images/5.jpg”};
}
/script
img src=”images/5.jpg” onClick=”aa(1)” id=”img1″
img src=”images/22.jpg” onClick=”aa(2)” id=”img2″
关于javascript修改图片路径和如何修改图片路径的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。