>웹 프론트엔드 >JS 튜토리얼 >flash8과 유사한 연결을 달성하기 위해 jquery를 쉽게 구현하는 몇 줄의 코드

flash8과 유사한 연결을 달성하기 위해 jquery를 쉽게 구현하는 몇 줄의 코드

WBOY
WBOY원래의
2016-05-16 19:14:22839검색

코드 몇 줄이면 전체 페이지의 연결 효과를 얻을 수 있습니다.

코드 복사 코드는 다음과 같습니다.





<스크립트 유형= "text/javascript">
$(document).ready(function(){
$("#list1").css("list-style","none");
$( "#list1").css("margin","0px")
$("#list1").children().css("배경 이미지","url(l_04. gif)");
$("#list1").children().css("height","30px");
$("#list1").children().children(). css("margin-left","0px");
$("#list1").children().children().css("padding-left","12px")
$( "#list1") .children().children().css("Background-image","url(allow_01.gif)")
$("#list1").children().children(); .css("배경 -반복","반복 없음")
$("#list1").children().children().css("배경 위치","왼쪽 중앙")
$(" #list1").children().children().mouseover(function(){
$(this).css("Background-image","url(allow_02.gif)");
$( this).css("margin-left","6px");
})
$("#list1").children().children().mouseout(function( ){
$(this).css("Background-image","url(allow_01.gif)")
$(this).css("margin-left","0px"); 🎜> })
}
)

<제목

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.