几行代码轻松搞定jquery实现flash8类似的连接效果_jquery
- WBOY原创
- 2016-05-16 19:14:22818浏览
很简单几行代码就可以实现整个页面的连接效果.
复制代码 代码如下:
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script></script>
<script> <BR>$(document).ready(function(){ <BR> $("#list1").css("list-style","none"); <BR> $("#list1").css("margin","0px"); <BR> $("#list1").children().css("background-image","url(l_04.gif)"); <BR> $("#list1").children().css("height","30px"); <BR> $("#list1").children().children().css("margin-left","0px"); <BR> $("#list1").children().children().css("padding-left","12px"); <BR> $("#list1").children().children().css("background-image","url(allow_01.gif)"); <BR> $("#list1").children().children().css("background-repeat","no-repeat"); <BR> $("#list1").children().children().css("background-position","left center"); <BR> $("#list1").children().children().mouseover(function(){ <BR> $(this).css("background-image","url(allow_02.gif)"); <BR> $(this).css("margin-left","6px"); <BR> }); <BR> $("#list1").children().children().mouseout(function(){ <BR> $(this).css("background-image","url(allow_01.gif)"); <BR> $(this).css("margin-left","0px"); <BR> }); <BR>} <BR>); <BR></script>
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn