ホームページ > 記事 > ウェブフロントエンド > 几行代码轻松搞定jquery实现flash8类似的连接效果_jquery
几行代码轻松搞定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 までご連絡ください。