jquery picswitch画像フォーカスマップ表示effect_jquery

効果は次のとおりです。
このプラグインの重要なポイントは、JQuery-1.4.2.js のリリースで追加された新しい関数データの適用であるため、jquery ライブラリはバージョン 1.4 である必要があります。 2

一方、setInterval と setTimeout の使用法は、前者は毎回実行され、後者は毎回実行されます。 setTimeout の使用法 1 setTimeout( code,interval) のコードは文字列

2 setTimeout(func,interval,args) の func は関数

実装コード

jquery slidepictrue <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>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> </div>
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、 を実行するために更新する必要があります]