当前位置: 代码迷 >> JavaScript >> JS标签内容轮换效果。
  详细解决方案

JS标签内容轮换效果。

热度:307   发布时间:2012-04-11 17:42:33.0
求一个JS标签内容轮换效果。。
希望大家给的代码越简单越好/。。。
很普通的一个效果 /。 就是这样的
AAAAA BBBBB
<div id=aa>
aaaaaa
</div>
<div id=bb>
bbbbbb
</div>
鼠标放在AAAAA上边显示<div id=aa>的内容,放在BBBBB上边显示<div id=bb>的内容,并且
AAAAA,BBBBB的背景图片也跟着变动/。


再求一个JS代码,就是三个或者4个轮换的代码 。。
我想应该和两个轮换的不一样 /。

------解决方案--------------------
AA BB 的背景不必用JS可以用CSS样式来控制
------解决方案--------------------
<style>
a.demo{background:#F0EBD6;padding:8px;width:240px;text-decoration:none;color:#000000;}
a.demo:hover{background:#FFC080;color:#ffffff;}
a.demo:active{background:#CCCFFF;color:#aaaaaa;}
a.demo:visited{background:#FF3300;color:#555555;}
#idCodeDiv{width:100%;padding:4px;font-family:verdana,tahoma;margin:12px 0px 0px 0px;background-color:#EEEEEE;font-weight:bold;}
</style>

<table>
<tr><td>
<a class=demo href="none.html" onclick="return false;">
aaaaaaaaa
</a>
</td></tr>
<tr><td>
<a class=demo href="none.html" onclick="return false;">
bbbbbbb
</a>
</td></tr>
<tr><td>
<a class=demo href="none.html" onclick="return false;">
cccccc
</a>
</td></tr>
</table>
  相关解决方案