Back

学习笔记:菜单无限向右扩张

可以照抄一个试试,看看你的屏幕能忍受么。

<style>
*{margin:0;padding:0;font-size:14px;}
ul{list-style:none;height:50px;padding-left:30px;border-bottom:5px solid #f60;}
li{float:left;margin-top:20px;}
a{text-decoration:none;display:block;height:30px;line-height:30px;width:100px;background-color:#ccc;margin-bottom:1px;padding-left:10px;text-align:center;}
.on,a:hover{color:#fff;background-color:#f60;height:40px;line-height:40px;margin-top:-10px;}
</style>[buttongroup][button style="btn-default btn-sm" type="link" target="false" link="#" title="Button" ]
[/buttongroup]

<script>
window.onload=function(){
var aA=document.getElementsByTagName('a');
for(var i=0;i<aA.length;i++){
aA[i].onmouseover=function(){
var This=this;
setInterval(function(){
This.style.width=This.offsetWidth+8+"px";

      })
    }
   }
  }
</script>

Submit
    围观群众
    围观群众  2015-08-18, 10:53

    一个For循环,鼠标移到a标签一直加宽度?

    Flippy
    Flippy  2015-08-18, 16:38

    看着不错