请教一个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

这样的效果如何显示
...全文
50 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
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)">
这样

28,391

社区成员

发帖
与我相关
我的任务
社区描述
ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
社区管理员
  • ASP
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

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