HTML文字翻转效果实现不了 – CSS – 前端 响应式图片宽css控制

….

<div class=”wrap”>

<ul id=”scroll”>

<li><a href=”#”>jQuery的图片滚动切换插件</a></li>

<li><a href=”#”>Mootools滚动条拖动取值实现</a></li>

<li><a href=”#”>VB开发的Eclipse编程软件</a></li>

<li><a href=”#”>VC++生成随机数并快速算法</a></li>

<li><a href=”#”>VB语音报数计算器源程序</a></li>

</ul>

</div>

<script type=”text/javascript”>//滚动

var c,_=Function;

with(o=document.getElementById(“scroll”)){ innerHTML+=innerHTML; onmouseover=_(“c=1”); onmouseout=_(“c=0”);}

(F=_(“if(#%18||!c)#++,#%=o.scrollHeight>>1;setTimeout(F,#%30?10:2500);”.replace(/#/g,”o.scrollTop”)))();

</script>

CSS

.wrap{width:990px; height:30px; line-height:30px; float:left; margin-bottom:9px;}

.wrap ul { height:30px; overflow: hidden; display:block; width:900px; float:left; }

.wrap li { list-style: none ; line-height:30px;}

.wrap li a { color: #444 margin:auto; }

.wrap li a:hover{color:#ff6600; text-decoration:underline;}

这个是文字滚动