关于js 点击改变图片

maocheng82 2010-01-14 12:32:45

类试于http://www.61281188.com/cn/product2.asp

为什么我点击的时候图片没发生切换呢，我看了一下这个网站的代码，多了一个

id=item$pval[buyokID]，在baidu里面搜索了下也没明白这代码是什么意思？请教大家了

顺便把下面代码改一下，用item$pval[buyokID]方法，使之点击图片的时候能发生改变，谢谢了
<script language="javascript">
function showmenu(show,img){
if(show.style.display=="none"){
show.style.display=""
img.src="images/close.gif"
}
else{
show.style.display="none"
img.src="images/open.gif"
}

}

</script>

<body>
<div>
<div ><img src="images/open.gif" onMouseUp="showmenu(show1,img1)" id="img1">　U盘</div>
<div id="show1" style="display:none;margin-left:12px;">
<ul style="margin:0;">
<li style="float:left;"><img src="images/mk.gif"></li>
<li style="margin-top:5px;"> 畅销U盘</li>
</ul>
<ul style="margin:0;padding:0;width:200px;clear:both">
<li style="float:left;margin:0;"><img src="images/mk.gif"></li>
<li style="margin-top:5px;"> 最新款式U盘</li>
</ul>
<ul style="margin:0;padding:0;width:200px;clear:both">
<li style="float:left;margin:0;"><img src="images/mk.gif"></li>
<li style="margin-top:5px;"> 手带U盘</li>
</ul>
</div>

...全文

420 7 打赏收藏转发到动态举报

写回复

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

loveunittesting 2010-01-14

打赏
举报

回复

你那个例子网址上不能改变图片啊

maocheng82 2010-01-14

打赏
举报

回复

杂没人回答呢,不让贴子沉了,顶上去

wenjjing2lianee 2010-01-14

打赏
举报

回复

[Quote=引用 6 楼 haiyong_sea 的回复:]
改成：document.getElementById(img).src=="images/close.gif" ;

[/Quote]

是不是这样把图片路径换一个就行了..

网站看上去不错啊

真哥哥 2010-01-14

打赏
举报

回复

改成：document.getElementById(img).src=="images/close.gif" ;

clerkwing 2010-01-14

打赏
举报

回复

为什么一定要用id=item$pval[buyokID]，直接写好ID，或者命名一个不行么？没有太明白，希望楼主早日解决问题⋯⋯

loveunittesting 2010-01-14

打赏
举报

回复

哪个图片能换，没看到

maocheng82 2010-01-14

打赏
举报

回复

[Quote=引用 2 楼 yys79 的回复:]
你那个例子网址上不能改变图片啊
[/Quote]

是啊,但是http://www.61281188.com/cn/product2.asp 却可以,代码就少了
id=item$pval[buyokID]，不明白这段代码是什么意思?

主要介绍了js实现点击图片改变页面背景图的方法,实例分析了javascript操作css与图片的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

用Html和JavaScript静态制作的TreeView（树结构）。可以说是功能最全的树结构TreeView。实现了点击节点，改变节点前的图片。实现了树结构的展开和收缩功能。由于页面包含了许多图片和样式表，所以只能用打包的方式上传，没有办法直接发表在Blog中了。

大约就是这个样子啦???? 主要是js的获取元素点击小图触发点击事件，先将原来被点击的取消被点击的样式（is-active） arr[i].classList.remove("is-active") 然后将现在的被点击的加上被点击的样式 arr[x-1].classList.add("is-active"); 最后改变大图的src就好了 ximg=arr[x-1].getElementsByTagName("img"); ximgUrl=ximg[0].src; document..

JavaScript之点击改变图片形状（transform的应用）附上代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>transform的运用</title> <style type="text/css"> #box{ width: 50px;

JS点击更换图片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g

87,910

社区成员

224,616

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章