jquery picswitch picture focus map display effect_jquery

The effect is as follows:
The key point of this plug-in is the application of the new function data added with the release of JQuery-1.4.2.js, so the jquery library must be version 1.4.2

On the other hand is the writing of css, the usage of setInterval and setTimeout. The former is executed every time, and the latter is executed every time;

There are two forms of usage of setTimeout 1 setTimeout( The code in code,interval) is the string

2 The func in setTimeout(func,interval,args) is the function

implementation code

<title>jquery slidepictrue</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 picture focus map display effect_jquery" > </li> <li> <img src="http://files.jb51.net/demoimg/201005/o_2.gif" alt="jquery picswitch picture focus map display effect_jquery" > </li> <li> <img src="http://files.jb51.net/demoimg/201005/o_3.gif" alt="jquery picswitch picture focus map display effect_jquery" > </li> <li> <img src="http://files.jb51.net/demoimg/201005/o_4.gif" alt="jquery picswitch picture focus map display effect_jquery" > </li> <li> <img src="http://files.jb51.net/demoimg/201005/o_5.gif" alt="jquery picswitch picture focus map display effect_jquery" > </li> </ul> <ul id="imageSwitch"> <li> </li> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul>5</div>
[Ctrl A select all Note:

If you need to introduce external Js, you need to refresh to execute ]