Rumah >hujung hadapan web >tutorial js >几行代码轻松搞定jquery实现flash8类似的连接效果_jquery

几行代码轻松搞定jquery实现flash8类似的连接效果_jquery

WBOY
WBOYasal
2016-05-16 19:14:22831semak imbas

很简单几行代码就可以实现整个页面的连接效果. 

复制代码 代码如下:

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> 
无标题文档 
 
 
 
 
 
Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn