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

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

复制代码 代码如下:

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> 
 
 
 

 

 
  
• 例表第一项
 
  
• 例表第一项
 
  
• 例表第一项
 
  
• 例表第一项
 
  
• 例表第一项
 
  
• 例表第一项
 
  
• 例表第一项
 
  
• 例表第一项
 
  
• 例表第一项