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

本文分享了四个关于网页CSS布局配色实例、JS平滑滚动幻灯片特效、FLASH图片切换效果及图片无缝滚动（纵向、横向）的实用教程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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";
else
document.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>