suchen

Heim  >  Artikel  >  Web-Frontend  >  几行代码轻松搞定jquery实现flash8类似的连接效果_jquery

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

WBOY
WBOYOriginal
2016-05-16 19:14:22818Durchsuche

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

复制代码 代码如下:

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> 
无标题文档 
 
 
 
 
 
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：不是原型继承那么简单！！prototype的深度探索_javascript技巧Nächster Artikel：JavaScript 实现網頁打印處理_javascript技巧

In Verbindung stehende Artikel

Mehr sehen