请教一个JAVASCRIPT问题,关于图片更替的

Cupid1945 2010-07-26 09:22:10
有6个图片,其中table_focus1.jpg table_1.jpg 是一组,table_focus1.jpg 的意思是当鼠标左键点击后显示的图片,table_1.jpg是不点击时显示的.
table_focus2.jpg table_2.jpg 是一组
table_focus3.jpg table_3.jpg 是一组
在缺省情况时TABLE里按顺序显示的是 table_focus1.jpg table_2.jpg table_3.jpg
当点击table_2.jpg后要自动更改为
table_1.jpg table_focus2.jpg table_3.jpg
同理,当点击table_3.jpg 后显示table_1.jpg table_2.jpg table_focus3.jpg

这样的效果如何显示
...全文
25 点赞 收藏 2
写回复
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
为乐而来 2010-07-27
这个还要CSS样式设置的。。百度一下 图片特效
回复
最简单的啊
假设ID分别为 id1,id2,id3

那么可以使用函数
function show(id)
for(var i=1;i<=3;i++){
if(id=="id"+i){
document.getElementById(id).style.background="url(table_focus"+ i +".jpg)";
}
else{
document.getElementById("id"+i).style.background="url(table_"+ i +".jpg)";

}
}

然后你可以调用show(this.id)

比如
<table id="id1" onclick="show(this.id)">
这样
回复
发动态
发帖子
ASP
创建于2007-09-28

2.8w+

社区成员

ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
申请成为版主
社区公告
暂无公告