js 隐藏显示图片~` 简单程序
有两张图片:x1.jpgx2.jpg想实现点x1时图片变成x2点x2时图片又切回x1来点x1又切换成x2..........就这样循环下去~``就是两张图片点击切换~`谁...
有两张图片:
x1.jpg
x2.jpg
想实现 点x1时 图片变成x2
点x2时 图片又切回x1来
点x1又切换成x2..........
就这样循环下去~``
就是两张图片点击 切换~`
谁帮我写下~`这程序 谢谢了` 展开
x1.jpg
x2.jpg
想实现 点x1时 图片变成x2
点x2时 图片又切回x1来
点x1又切换成x2..........
就这样循环下去~``
就是两张图片点击 切换~`
谁帮我写下~`这程序 谢谢了` 展开
展开全部
<html>
<head>
<script language="javascript">
function click_cha(){
var jpg_1="1.jpg";//图片1名字,必须带后缀
var jpg_2="2.jpg";//图片2名字,必须带后缀
var img_arr=document.getElementsByTagName("img");
var char_url=img_arr[0].src;
var url_link=char_url.split("/");
var char_cha=url_link[0];
for(var i=1;i<url_link.length-1;i++){
char_cha=char_cha+"/"+url_link[i];
}
if(img_arr[0].src==char_cha+"/"+jpg_1)
img_arr[0].src=char_cha+"/"+jpg_2;
else
img_arr[0].src=char_cha+"/"+jpg_1;
}
</script>
</head>
<body>
<img src="1.jpg" onclick="click_cha()">
</body>
</html>
图片名字为1.jpg 和 2.jpg ,将这段代码保存为dd.html(任意), 和图片放在同一个文件夹下
<head>
<script language="javascript">
function click_cha(){
var jpg_1="1.jpg";//图片1名字,必须带后缀
var jpg_2="2.jpg";//图片2名字,必须带后缀
var img_arr=document.getElementsByTagName("img");
var char_url=img_arr[0].src;
var url_link=char_url.split("/");
var char_cha=url_link[0];
for(var i=1;i<url_link.length-1;i++){
char_cha=char_cha+"/"+url_link[i];
}
if(img_arr[0].src==char_cha+"/"+jpg_1)
img_arr[0].src=char_cha+"/"+jpg_2;
else
img_arr[0].src=char_cha+"/"+jpg_1;
}
</script>
</head>
<body>
<img src="1.jpg" onclick="click_cha()">
</body>
</html>
图片名字为1.jpg 和 2.jpg ,将这段代码保存为dd.html(任意), 和图片放在同一个文件夹下
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询