滑动门，不过active没有，用背景图做出来的很不好，css在代码片段

来源：互联网发布：windows优化大师坏处编辑：程序博客网时间：2024/05/05 06:42

<a href="#" onclick="aaa">aaaaaaaaaaaaaaaa</a><div class="woaicss"><ul class="woaicss_title woaicss_title_bg1" id="woaicsstitle"><li><a href="#" onmouseover="javascript:woaicssq(1)">①</a></li><li><a href="#" onmouseover="javascript:woaicssq(2)">②</a></li><li><a href="#" onmouseover="javascript:woaicssq(3)">③</a></li>  <li><a href="#" onmouseover="javascript:woaicssq(4)">④</a></li></ul><div  id="woaicss_con1"><a  href="#">超级漂亮的几款清新、常用的网页CSS布局配色实例</a></div><div  id="woaicss_con2" ><a  href="#">JS 4屏平滑滚动幻灯片特效</a></div><div  id="woaicss_con3" ><a  href="#">[酷] 又一款FLASH图片切换效果代码</a></div><div id="woaicss_con4" ><a  href="#">图片的无缝滚动（纵向、横向）</a></div> </div> <script language="javascript"> function aaa(){document.style.Color="#ccc";}function woaicssq(num){for(var id = 1;id<=4;id++){var MrJin="woaicss_con"+id;if(id==num)document.getElementById(MrJin).style.display="block";elsedocument.getElementById(MrJin).style.display="none";}if(num==1) document.getElementById("woaicsstitle").className="woaicss_title woaicss_title_bg1";if(num==2)document.getElementById("woaicsstitle").className="woaicss_title woaicss_title_bg2";if(num==3)document.getElementById("woaicsstitle").className="woaicss_title woaicss_title_bg3";if(num==4)document.getElementById("woaicsstitle").className="woaicss_title woaicss_title_bg4";}</script>

0 0