jquery picswitch 그림 포커스 맵 표시 effect_jquery

효과는 다음과 같습니다.
이 플러그인의 핵심은 JQuery-1.4.2.js 출시와 함께 추가된 새로운 함수 데이터를 적용한 것이므로 jquery 라이브러리는 1.4 버전이어야 합니다. 2

반면에 CSS 작성에서는 setInterval과 setTimeout을 사용하는 경우 전자는 매번 실행되고 후자는 매번 실행됩니다.

두 가지 형태가 있습니다. setTimeout 사용법 1 setTimeout( code,interval의 코드)은 문자열

2입니다. setTimeout(func,interval,args)의 func는

구현 코드

jquery 슬라이드픽트루<title> </title> <style type="text/css"> *{ margin:0px; padding:0px; list-style:none; } body{ font-size:12px; color:white} #imageShow { position:relative;z-index:3;overflow:hidden;width:586px;height:150px } #imageShow #imageSwitch { position:absolute;right:0px;bottom:0px;padding-left:50px;z-index:4; background-color:#C08A93;filter:Alpha(opacity=70); opacity:0.7;} #imageShow #imageSwitch li{ float:left;border-left:1px solid white;height:14px;width:30px; text-align:center;line-height:14px;} </style> <div id="imageShow"> <ul id="imageSrc"> <li> <img src="http://files.jb51.net/demoimg/201005/o_1.gif" alt="jquery picswitch 그림 포커스 맵 표시 effect_jquery" > </li> <li> <img src="http://files.jb51.net/demoimg/201005/o_2.gif" alt="jquery picswitch 그림 포커스 맵 표시 effect_jquery" > </li> <li> <img src="http://files.jb51.net/demoimg/201005/o_3.gif" alt="jquery picswitch 그림 포커스 맵 표시 effect_jquery" > </li> <li> <img src="http://files.jb51.net/demoimg/201005/o_4.gif" alt="jquery picswitch 그림 포커스 맵 표시 effect_jquery" > </li> <li> <img src="http://files.jb51.net/demoimg/201005/o_5.gif" alt="jquery picswitch 그림 포커스 맵 표시 effect_jquery" > </li> </ul> <ul id="imageSwitch"> <li> </li>1<li> </li>2<li> </li>3<li> </li>4<li> </li>5</ul> </div>
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다

]