jQuery带缩略图轮播效果图片切换带缩略图

发布时间:2019-01-12 发布网站:脚本之家
脚本之家收集整理的这篇文章主要介绍了jQuery带缩略图轮播效果图片切换带缩略图脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

以上为效果图

HTML代码:

<span style="color: #0000ff"&gt;<</span><span style="color: #800000"&gt;head</span><span style="color: #0000ff"&gt;></span>
    <span style="color: #0000ff"&gt;<</span><span style="color: #800000"&gt;meta </span><span style="color: #ff0000"&gt;charset</span><span style="color: #0000ff"&gt;="utf-8"</span> <span style="color: #0000ff"&gt;/></span>
    <span style="color: #0000ff"&gt;<</span><span style="color: #800000"&gt;title</span><span style="color: #0000ff"&gt;></</span><span style="color: #800000"&gt;title</span><span style="color: #0000ff"&gt;></span>

    <span style="color: #0000ff"&gt;<</span><span style="color: #800000"&gt;link </span><span style="color: #ff0000"&gt;rel</span><span style="color: #0000ff"&gt;=stylesheet </span><span style="color: #ff0000"&gt;type</span><span style="color: #0000ff"&gt;=text/css </span><span style="color: #ff0000"&gt;href</span><span style="color: #0000ff"&gt;="css/lrtk.css"</span><span style="color: #0000ff"&gt;></span>

<span style="color: #0000ff"><<span style="color: #800000">script <span style="color: #ff0000">type<span style="color: #0000ff">=text/javascript <span style="color: #ff0000">src<span style="color: #0000ff">="js/jquery.js"<span style="color: #0000ff">></<span style="color: #800000">script<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">script <span style="color: #ff0000">type<span style="color: #0000ff">=text/javascript <span style="color: #ff0000">src<span style="color: #0000ff">="js/slide.js"<span style="color: #0000ff">></<span style="color: #800000">script<span style="color: #0000ff">>

<span style="color: #0000ff"&gt;</</span><span style="color: #800000"&gt;head</span><span style="color: #0000ff"&gt;></span>

<span style="color: #0000ff"&gt;<</span><span style="color: #800000"&gt;body </span><span style="color: #ff0000"&gt;style</span><span style="color: #0000ff"&gt;="text-align:center"</span><span style="color: #0000ff"&gt;></span>

<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">style<span style="color: #0000ff">="height: 560px; padding-top: 20px"<span style="color: #ff0000"> class<span style="color: #0000ff">="wrap picshow"<span style="color: #0000ff">><span style="color: #008000">
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">id<span style="color: #0000ff">=picarea<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">style<span style="color: #0000ff">="margin: 0px auto; width: 774px; height: 436px; overflow: hidden"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">style<span style="color: #0000ff">="margin: 0px auto; width: 774px; height: 436px; overflow: hidden"<span style="color: #ff0000"> id<span style="color: #0000ff">=bigpicarea<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">p <span style="color: #ff0000">class<span style="color: #0000ff">=bigbtnprev<span style="color: #0000ff">><<span style="color: #800000">span <span style="color: #ff0000">id<span style="color: #0000ff">=big_play_prev<span style="color: #0000ff">></<span style="color: #800000">span<span style="color: #0000ff">></<span style="color: #800000">p<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">id<span style="color: #0000ff">=image_xixi-01 <span style="color: #ff0000">class<span style="color: #0000ff">=image<span style="color: #0000ff">><<span style="color: #800000">a <span style="color: #ff0000">href<span style="color: #0000ff">="http://www.lanrentuku.com/"<span style="color: #ff0000"> target<span style="color: #0000ff">=_blank<span style="color: #0000ff">><<span style="color: #800000">img <span style="color: #ff0000">alt<span style="color: #0000ff">=""<span style="color: #ff0000">
src<span style="color: #0000ff">="images/42766101.jpg"<span style="color: #ff0000"> width<span style="color: #0000ff">=772 <span style="color: #ff0000">height<span style="color: #0000ff">=434<span style="color: #0000ff">></<span style="color: #800000">a<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">class<span style="color: #0000ff">=word<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">h3<span style="color: #0000ff">>舞动青春<span style="color: #0000ff"></<span style="color: #800000">h3<span style="color: #0000ff">></<span style="color: #800000">div<span style="color: #0000ff">></<span style="color: #800000">div<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">id<span style="color: #0000ff">=image_xixi-02 <span style="color: #ff0000">class<span style="color: #0000ff">=image<span style="color: #0000ff">><<span style="color: #800000">a <span style="color: #ff0000">href<span style="color: #0000ff">="http://www.lanrentuku.com/"<span style="color: #ff0000"> target<span style="color: #0000ff">=_blank<span style="color: #0000ff">><<span style="color: #800000">img <span style="color: #ff0000">alt<span style="color: #0000ff">=""<span style="color: #ff0000">
src<span style="color: #0000ff">="images/42813100.jpg"<span style="color: #ff0000"> width<span style="color: #0000ff">=772 <span style="color: #ff0000">height<span style="color: #0000ff">=434<span style="color: #0000ff">></<span style="color: #800000">a<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">class<span style="color: #0000ff">=word<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">h3<span style="color: #0000ff">>台球厅的生活<span style="color: #0000ff"></<span style="color: #800000">h3<span style="color: #0000ff">></<span style="color: #800000">div<span style="color: #0000ff">></<span style="color: #800000">div<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">id<span style="color: #0000ff">=image_xixi-03 <span style="color: #ff0000">class<span style="color: #0000ff">=image<span style="color: #0000ff">><<span style="color: #800000">a <span style="color: #ff0000">href<span style="color: #0000ff">="http://www.lanrentuku.com/"<span style="color: #ff0000"> target<span style="color: #0000ff">=_blank<span style="color: #0000ff">><<span style="color: #800000">img <span style="color: #ff0000">alt<span style="color: #0000ff">=""<span style="color: #ff0000">
src<span style="color: #0000ff">="images/42813102.jpg"<span style="color: #ff0000"> width<span style="color: #0000ff">=772 <span style="color: #ff0000">height<span style="color: #0000ff">=434<span style="color: #0000ff">></<span style="color: #800000">a<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">class<span style="color: #0000ff">=word<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">h3<span style="color: #0000ff">>采访进行中<span style="color: #0000ff"></<span style="color: #800000">h3<span style="color: #0000ff">></<span style="color: #800000">div<span style="color: #0000ff">></<span style="color: #800000">div<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">id<span style="color: #0000ff">=image_xixi-04 <span style="color: #ff0000">class<span style="color: #0000ff">=image<span style="color: #0000ff">><<span style="color: #800000">a <span style="color: #ff0000">href<span style="color: #0000ff">="http://www.lanrentuku.com/"<span style="color: #ff0000"> target<span style="color: #0000ff">=_blank<span style="color: #0000ff">><<span style="color: #800000">img <span style="color: #ff0000">alt<span style="color: #0000ff">=""<span style="color: #ff0000">
src<span style="color: #0000ff">="images/42813139.jpg"<span style="color: #ff0000"> width<span style="color: #0000ff">=772 <span style="color: #ff0000">height<span style="color: #0000ff">=434<span style="color: #0000ff">></<span style="color: #800000">a<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">class<span style="color: #0000ff">=word<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">h3<span style="color: #0000ff">>美女代言人<span style="color: #0000ff"></<span style="color: #800000">h3<span style="color: #0000ff">></<span style="color: #800000">div<span style="color: #0000ff">></<span style="color: #800000">div<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">id<span style="color: #0000ff">=image_xixi-05 <span style="color: #ff0000">class<span style="color: #0000ff">=image<span style="color: #0000ff">><<span style="color: #800000">a <span style="color: #ff0000">href<span style="color: #0000ff">="http://www.lanrentuku.com/"<span style="color: #ff0000"> target<span style="color: #0000ff">=_blank<span style="color: #0000ff">><<span style="color: #800000">img <span style="color: #ff0000">alt<span style="color: #0000ff">=""<span style="color: #ff0000">
src<span style="color: #0000ff">="images/42766145.jpg"<span style="color: #ff0000"> width<span style="color: #0000ff">=772 <span style="color: #ff0000">height<span style="color: #0000ff">=434<span style="color: #0000ff">></<span style="color: #800000">a<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">class<span style="color: #0000ff">=word<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">h3<span style="color: #0000ff">>红色经典<span style="color: #0000ff"></<span style="color: #800000">h3<span style="color: #0000ff">></<span style="color: #800000">div<span style="color: #0000ff">></<span style="color: #800000">div<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">id<span style="color: #0000ff">=image_xixi-06 <span style="color: #ff0000">class<span style="color: #0000ff">=image<span style="color: #0000ff">><<span style="color: #800000">a <span style="color: #ff0000">href<span style="color: #0000ff">="http://www.lanrentuku.com/"<span style="color: #ff0000"> target<span style="color: #0000ff">=_blank<span style="color: #0000ff">><<span style="color: #800000">img <span style="color: #ff0000">alt<span style="color: #0000ff">=""<span style="color: #ff0000">
src<span style="color: #0000ff">="images/42766146.jpg"<span style="color: #ff0000"> width<span style="color: #0000ff">=772 <span style="color: #ff0000">height<span style="color: #0000ff">=434<span style="color: #0000ff">></<span style="color: #800000">a<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">class<span style="color: #0000ff">=word<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">h3<span style="color: #0000ff">>回眸<span style="color: #0000ff"></<span style="color: #800000">h3<span style="color: #0000ff">></<span style="color: #800000">div<span style="color: #0000ff">></<span style="color: #800000">div<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">id<span style="color: #0000ff">=image_xixi-07 <span style="color: #ff0000">class<span style="color: #0000ff">=image<span style="color: #0000ff">><<span style="color: #800000">a <span style="color: #ff0000">href<span style="color: #0000ff">="http://www.lanrentuku.com/"<span style="color: #ff0000"> target<span style="color: #0000ff">=_blank<span style="color: #0000ff">><<span style="color: #800000">img <span style="color: #ff0000">alt<span style="color: #0000ff">=""<span style="color: #ff0000">
src<span style="color: #0000ff">="images/42766159.jpg"<span style="color: #ff0000"> width<span style="color: #0000ff">=772 <span style="color: #ff0000">height<span style="color: #0000ff">=434<span style="color: #0000ff">></<span style="color: #800000">a<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">class<span style="color: #0000ff">=word<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">h3<span style="color: #0000ff">>眩光的诱惑<span style="color: #0000ff"></<span style="color: #800000">h3<span style="color: #0000ff">></<span style="color: #800000">div<span style="color: #0000ff">></<span style="color: #800000">div<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">p <span style="color: #ff0000">class<span style="color: #0000ff">=bigbtnnext<span style="color: #0000ff">><<span style="color: #800000">span <span style="color: #ff0000">id<span style="color: #0000ff">=big_play_next<span style="color: #0000ff">></<span style="color: #800000">span<span style="color: #0000ff">></<span style="color: #800000">p<span style="color: #0000ff">></<span style="color: #800000">div<span style="color: #0000ff">></<span style="color: #800000">div<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">id<span style="color: #0000ff">=smallpicarea<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">id<span style="color: #0000ff">=thumbs<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">ul<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">li <span style="color: #ff0000">class<span style="color: #0000ff">="first btnprev"<span style="color: #0000ff">><<span style="color: #800000">img <span style="color: #ff0000">id<span style="color: #0000ff">=play_prev <span style="color: #ff0000">src<span style="color: #0000ff">="images/left.png"<span style="color: #0000ff">></<span style="color: #800000">li<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">li <span style="color: #ff0000">class<span style="color: #0000ff">=slideshowitem<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">a <span style="color: #ff0000">id<span style="color: #0000ff">=thumb_xixi-01 <span style="color: #ff0000">href<span style="color: #0000ff">="#"<span style="color: #0000ff">><<span style="color: #800000">img <span style="color: #ff0000">src<span style="color: #0000ff">="images/42766316.jpg"<span style="color: #ff0000"> width<span style="color: #0000ff">=90 <span style="color: #ff0000">height<span style="color: #0000ff">=60<span style="color: #0000ff">></<span style="color: #800000">a<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">li<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">li <span style="color: #ff0000">class<span style="color: #0000ff">=slideshowitem<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">a <span style="color: #ff0000">id<span style="color: #0000ff">=thumb_xixi-02 <span style="color: #ff0000">href<span style="color: #0000ff">="#"<span style="color: #0000ff">><<span style="color: #800000">img <span style="color: #ff0000">src<span style="color: #0000ff">="images/42813171.jpg"<span style="color: #ff0000"> width<span style="color: #0000ff">=90 <span style="color: #ff0000">height<span style="color: #0000ff">=60<span style="color: #0000ff">></<span style="color: #800000">a<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">li<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">li <span style="color: #ff0000">class<span style="color: #0000ff">=slideshowitem<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">a <span style="color: #ff0000">id<span style="color: #0000ff">=thumb_xixi-03 <span style="color: #ff0000">href<span style="color: #0000ff">="#"<span style="color: #0000ff">><<span style="color: #800000">img <span style="color: #ff0000">src<span style="color: #0000ff">="images/42813178.jpg"<span style="color: #ff0000"> width<span style="color: #0000ff">=90 <span style="color: #ff0000">height<span style="color: #0000ff">=60<span style="color: #0000ff">></<span style="color: #800000">a<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">li<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">li <span style="color: #ff0000">class<span style="color: #0000ff">=slideshowitem<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">a <span style="color: #ff0000">id<span style="color: #0000ff">=thumb_xixi-04 <span style="color: #ff0000">href<span style="color: #0000ff">="#"<span style="color: #0000ff">><<span style="color: #800000">img <span style="color: #ff0000">src<span style="color: #0000ff">="images/42813186.jpg"<span style="color: #ff0000"> width<span style="color: #0000ff">=90 <span style="color: #ff0000">height<span style="color: #0000ff">=60<span style="color: #0000ff">></<span style="color: #800000">a<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">li<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">li <span style="color: #ff0000">class<span style="color: #0000ff">=slideshowitem<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">a <span style="color: #ff0000">id<span style="color: #0000ff">=thumb_xixi-05 <span style="color: #ff0000">href<span style="color: #0000ff">="#"<span style="color: #0000ff">><<span style="color: #800000">img <span style="color: #ff0000">src<span style="color: #0000ff">="images/42766362.jpg"<span style="color: #ff0000"> width<span style="color: #0000ff">=90 <span style="color: #ff0000">height<span style="color: #0000ff">=60<span style="color: #0000ff">></<span style="color: #800000">a<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">li<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">li <span style="color: #ff0000">class<span style="color: #0000ff">=slideshowitem<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">a <span style="color: #ff0000">id<span style="color: #0000ff">=thumb_xixi-06 <span style="color: #ff0000">href<span style="color: #0000ff">="#"<span style="color: #0000ff">><<span style="color: #800000">img <span style="color: #ff0000">src<span style="color: #0000ff">="images/42766274.jpg"<span style="color: #ff0000"> width<span style="color: #0000ff">=90 <span style="color: #ff0000">height<span style="color: #0000ff">=60<span style="color: #0000ff">></<span style="color: #800000">a<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">li<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">li <span style="color: #ff0000">class<span style="color: #0000ff">="last_img slideshowitem"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">a <span style="color: #ff0000">id<span style="color: #0000ff">=thumb_xixi-07 <span style="color: #ff0000">href<span style="color: #0000ff">="#"<span style="color: #0000ff">><<span style="color: #800000">img <span style="color: #ff0000">src<span style="color: #0000ff">="images/42766298.jpg"<span style="color: #ff0000"> width<span style="color: #0000ff">=90 <span style="color: #ff0000">height<span style="color: #0000ff">=60<span style="color: #0000ff">></<span style="color: #800000">a<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">li<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">li <span style="color: #ff0000">class<span style="color: #0000ff">="last btnnext"<span style="color: #0000ff">><<span style="color: #800000">img <span style="color: #ff0000">id<span style="color: #0000ff">=play_next <span style="color: #ff0000">src<span style="color: #0000ff">="images/right.png"<span style="color: #0000ff">></<span style="color: #800000">li<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">ul<span style="color: #0000ff">></<span style="color: #800000">div<span style="color: #0000ff">></<span style="color: #800000">div<span style="color: #0000ff">></<span style="color: #800000">div<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">script<span style="color: #0000ff">>
<span style="background-color: #f5f5f5; color: #0000ff">var<span style="background-color: #f5f5f5; color: #000000"> target <span style="background-color: #f5f5f5; color: #000000">=<span style="background-color: #f5f5f5; color: #000000"> [<span style="background-color: #f5f5f5; color: #000000">"<span style="background-color: #f5f5f5; color: #000000">xixi-01<span style="background-color: #f5f5f5; color: #000000">"<span style="background-color: #f5f5f5; color: #000000">,<span style="background-color: #f5f5f5; color: #000000">"<span style="background-color: #f5f5f5; color: #000000">xixi-02<span style="background-color: #f5f5f5; color: #000000">"<span style="background-color: #f5f5f5; color: #000000">,<span style="background-color: #f5f5f5; color: #000000">"<span style="background-color: #f5f5f5; color: #000000">xixi-03<span style="background-color: #f5f5f5; color: #000000">"<span style="background-color: #f5f5f5; color: #000000">,<span style="background-color: #f5f5f5; color: #000000">"<span style="background-color: #f5f5f5; color: #000000">xixi-04<span style="background-color: #f5f5f5; color: #000000">"<span style="background-color: #f5f5f5; color: #000000">,<span style="background-color: #f5f5f5; color: #000000">"<span style="background-color: #f5f5f5; color: #000000">xixi-05<span style="background-color: #f5f5f5; color: #000000">"<span style="background-color: #f5f5f5; color: #000000">,<span style="background-color: #f5f5f5; color: #000000">"<span style="background-color: #f5f5f5; color: #000000">xixi-06<span style="background-color: #f5f5f5; color: #000000">"<span style="background-color: #f5f5f5; color: #000000">,<span style="background-color: #f5f5f5; color: #000000">"<span style="background-color: #f5f5f5; color: #000000">xixi-07<span style="background-color: #f5f5f5; color: #000000">"<span style="background-color: #f5f5f5; color: #000000">];
<span style="color: #0000ff"></<span style="color: #800000">script<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">div<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">body<span style="color: #0000ff">>

<span style="color: #0000ff"></<span style="color: #800000">html<span style="color: #0000ff">>

CSS样式:

{:;:;:;:}ul {<span style="color: #ff0000">
padding-bottom
:<span style="color: #0000ff"> 0px
;<span style="color: #ff0000"> margin
:<span style="color: #0000ff"> 0px
;<span style="color: #ff0000"> padding-left
:<span style="color: #0000ff"> 0px
;<span style="color: #ff0000"> padding-right
:<span style="color: #0000ff"> 0px
;<span style="color: #ff0000"> padding-top
:<span style="color: #0000ff"> 0px
}<span style="color: #800000">
ol {<span style="color: #ff0000">
padding-bottom:<span style="color: #0000ff"> 0px;<span style="color: #ff0000"> margin:<span style="color: #0000ff"> 0px;<span style="color: #ff0000"> padding-left:<span style="color: #0000ff"> 0px;<span style="color: #ff0000"> padding-right:<span style="color: #0000ff"> 0px;<span style="color: #ff0000"> padding-top:<span style="color: #0000ff"> 0px
}<span style="color: #800000">
li {<span style="color: #ff0000">
padding-bottom:<span style="color: #0000ff"> 0px;<span style="color: #ff0000"> margin:<span style="color: #0000ff"> 0px;<span style="color: #ff0000"> padding-left:<span style="color: #0000ff"> 0px;<span style="color: #ff0000"> padding-right:<span style="color: #0000ff"> 0px;<span style="color: #ff0000"> padding-top:<span style="color: #0000ff"> 0px
}<span style="color: #800000">
div {<span style="color: #ff0000">
text-align:<span style="color: #0000ff"> left;<span style="color: #ff0000"> overflow:<span style="color: #0000ff"> hidden
}<span style="color: #800000">

img {<span style="color: #ff0000">
border-right-width:<span style="color: #0000ff"> 0px;<span style="color: #ff0000"> border-top-width:<span style="color: #0000ff"> 0px;<span style="color: #ff0000"> border-bottom-width:<span style="color: #0000ff"> 0px;<span style="color: #ff0000"> vertical-align:<span style="color: #0000ff"> top;<span style="color: #ff0000"> border-left-width:<span style="color: #0000ff"> 0px
}<span style="color: #800000">

.picshow {<span style="color: #ff0000">
border-bottom:<span style="color: #0000ff"> #d9e0ea 1px solid;<span style="color: #ff0000"> border-left:<span style="color: #0000ff"> #d9e0ea 1px solid;<span style="color: #ff0000"> margin:<span style="color: #0000ff"> 0px auto;<span style="color: #ff0000"> width:<span style="color: #0000ff"> 958px;<span style="color: #ff0000"> height:<span style="color: #0000ff"> 620px;<span style="color: #ff0000"> border-top:<span style="color: #0000ff"> #d9e0ea 1px solid;<span style="color: #ff0000"> border-right:<span style="color: #0000ff"> #d9e0ea 1px solid
}<span style="color: #800000">

picarea {<span style="color: #ff0000">

margin</span>:<span style="color: #0000ff"&gt; 0px auto</span>;<span style="color: #ff0000"&gt; width</span>:<span style="color: #0000ff"&gt; 958px</span>;<span style="color: #ff0000"&gt; background</span>:<span style="color: #0000ff"&gt; #fff</span>;<span style="color: #ff0000"&gt; height</span>:<span style="color: #0000ff"&gt; 620px

}<span style="color: #800000">

bigpicarea {<span style="color: #ff0000">

position</span>:<span style="color: #0000ff"&gt; relative</span>;<span style="color: #ff0000"&gt; margin</span>:<span style="color: #0000ff"&gt; 0px auto</span>;<span style="color: #ff0000"&gt; width</span>:<span style="color: #0000ff"&gt; 774px</span>;<span style="color: #ff0000"&gt; height</span>:<span style="color: #0000ff"&gt; 482px</span>;<span style="color: #ff0000"&gt; overflow</span>:<span style="color: #0000ff"&gt; hidden

}<span style="color: #800000">
.image {<span style="color: #ff0000">
text-align:<span style="color: #0000ff"> center
}<span style="color: #800000">
.image img {<span style="color: #ff0000">
border-bottom:<span style="color: #0000ff"> #ececec 1px solid;<span style="color: #ff0000"> border-left:<span style="color: #0000ff"> #ececec 1px solid;<span style="color: #ff0000"> margin:<span style="color: #0000ff"> 0px auto;<span style="color: #ff0000"> border-top:<span style="color: #0000ff"> #ececec 1px solid;<span style="color: #ff0000"> border-right:<span style="color: #0000ff"> #ececec 1px solid
}<span style="color: #800000">

bigpicarea .word {<span style="color: #ff0000">

text-align</span>:<span style="color: #0000ff"&gt; center</span>;<span style="color: #ff0000"&gt; height</span>:<span style="color: #0000ff"&gt; 50px</span>;<span style="color: #ff0000"&gt; color</span>:<span style="color: #0000ff"&gt; #333

}<span style="color: #800000">

bigpicarea .word h3 {<span style="color: #ff0000">

text-align</span>:<span style="color: #0000ff"&gt; center</span>;<span style="color: #ff0000"&gt; line-height</span>:<span style="color: #0000ff"&gt; 48px</span>;<span style="color: #ff0000"&gt; height</span>:<span style="color: #0000ff"&gt; 48px</span>;<span style="color: #ff0000"&gt; color</span>:<span style="color: #0000ff"&gt; #333</span>;<span style="color: #ff0000"&gt; font-size</span>:<span style="color: #0000ff"&gt; 14px

}<span style="color: #800000">

bigpicarea .ui-els-hide {<span style="color: #ff0000">

display</span>:<span style="color: #0000ff"&gt; none

}<span style="color: #800000">

thumbs {<span style="color: #ff0000">

list-style-type</span>:<span style="color: #0000ff"&gt; none</span>;<span style="color: #ff0000"&gt; margin</span>:<span style="color: #0000ff"&gt; 0px auto</span>;<span style="color: #ff0000"&gt; width</span>:<span style="color: #0000ff"&gt; 830px</span>;<span style="color: #ff0000"&gt; height</span>:<span style="color: #0000ff"&gt; 110px

}<span style="color: #800000">

  • html #thumbs {<span style="color: #ff0000">
    height:<span style="color: #0000ff"> 100%
    }<span style="color: #800000">

    thumbs li {<span style="color: #ff0000">

    margin:<span style="color: #0000ff"> 0px 7px;<span style="color: #ff0000"> width:<span style="color: #0000ff"> 90px;<span style="color: #ff0000"> display:<span style="color: #0000ff"> inline;<span style="color: #ff0000"> float:<span style="color: #0000ff"> left;<span style="color: #ff0000"> height:<span style="color: #0000ff"> 60px
    }<span style="color: #800000">

    thumbs ul {<span style="color: #ff0000">

    margin-top:<span style="color: #0000ff"> 3px
    }<span style="color: #800000">

    thumbs li.last_img {<span style="color: #ff0000">

    margin-right:<span style="color: #0000ff"> 4px
    }<span style="color: #800000">

    thumbs li.first {<span style="color: #ff0000">

    margin:<span style="color: #0000ff"> 25px 10px 0px 15px;<span style="color: #ff0000"> width:<span style="color: #0000ff"> 9px;<span style="color: #ff0000"> height:<span style="color: #0000ff"> 16px;<span style="color: #ff0000"> cursor:<span style="color: #0000ff"> pointer
    }<span style="color: #800000">

    thumbs li.last {<span style="color: #ff0000">

    margin:<span style="color: #0000ff"> 25px 10px 0px 15px;<span style="color: #ff0000"> width:<span style="color: #0000ff"> 9px;<span style="color: #ff0000"> height:<span style="color: #0000ff"> 16px;<span style="color: #ff0000"> cursor:<span style="color: #0000ff"> pointer
    }<span style="color: #800000">

    thumbs li a {<span style="color: #ff0000">

    border-bottom:<span style="color: #0000ff"> #fff 2px solid;<span style="color: #ff0000"> border-left:<span style="color: #0000ff"> #fff 2px solid;<span style="color: #ff0000"> width:<span style="color: #0000ff"> 90px;<span style="color: #ff0000"> display:<span style="color: #0000ff"> block;<span style="color: #ff0000"> font-size:<span style="color: #0000ff"> 0px;<span style="color: #ff0000"> border-top:<span style="color: #0000ff"> #fff 2px solid;<span style="color: #ff0000"> border-right:<span style="color: #0000ff"> #fff 2px solid
    }<span style="color: #800000">

    thumbs li a:hover {<span style="color: #ff0000">

    border-bottom:<span style="color: #0000ff"> #000 2px solid;<span style="color: #ff0000"> border-left:<span style="color: #0000ff"> #000 2px solid;<span style="color: #ff0000"> border-top:<span style="color: #0000ff"> #000 2px solid;<span style="color: #ff0000"> border-right:<span style="color: #0000ff"> #000 2px solid
    }<span style="color: #800000">

    thumbs li a.current {<span style="color: #ff0000">

    border-bottom:<span style="color: #0000ff"> #f8ae0f 2px solid;<span style="color: #ff0000"> border-left:<span style="color: #0000ff"> #f8ae0f 2px solid;<span style="color: #ff0000"> border-top:<span style="color: #0000ff"> #f8ae0f 2px solid;<span style="color: #ff0000"> border-right:<span style="color: #0000ff"> #f8ae0f 2px solid
    }<span style="color: #800000">

    thumbs li.first img {

}<span style="color: #800000">

thumbs li.last img {

}<span style="color: #800000">
.bigbtnprev {<span style="color: #ff0000">
z-index:<span style="color: #0000ff"> 100;<span style="color: #ff0000"> position:<span style="color: #0000ff"> absolute;<span style="color: #ff0000"> width:<span style="color: #0000ff"> 35px;<span style="color: #ff0000"> height:<span style="color: #0000ff"> 51px;<span style="color: #ff0000"> top:<span style="color: #0000ff"> 186px;<span style="color: #ff0000"> cursor:<span style="color: #0000ff"> pointer;<span style="color: #ff0000"> left:<span style="color: #0000ff"> 30px
}<span style="color: #800000">
.bigbtnnext {<span style="color: #ff0000">
z-index:<span style="color: #0000ff"> 100;<span style="color: #ff0000"> position:<span style="color: #0000ff"> absolute;<span style="color: #ff0000"> width:<span style="color: #0000ff"> 35px;<span style="color: #ff0000"> height:<span style="color: #0000ff"> 51px;<span style="color: #ff0000"> top:<span style="color: #0000ff"> 186px;<span style="color: #ff0000"> cursor:<span style="color: #0000ff"> pointer;<span style="color: #ff0000"> right:<span style="color: #0000ff"> 30px
}<span style="color: #800000">

big_play_prev {<span style="color: #ff0000">

background-image</span>:<span style="color: #0000ff"&gt; url(../images/leftbig.png)</span>;<span style="color: #ff0000"&gt; width</span>:<span style="color: #0000ff"&gt; 35px</span>;<span style="color: #ff0000"&gt; display</span>:<span style="color: #0000ff"&gt; block</span>;<span style="color: #ff0000"&gt; height</span>:<span style="color: #0000ff"&gt; 51px</span>;<span style="color: #ff0000"&gt; _background</span>:<span style="color: #0000ff"&gt; none</span>;<span style="color: #ff0000"&gt; _filter</span>:<span style="color: #0000ff"&gt; progid:dximagetransform.microsoft.alphaimageloader(sizingmethod=crop,src='../images/leftbig.png')

}<span style="color: #800000">

big_play_next {<span style="color: #ff0000">

background-image</span>:<span style="color: #0000ff"&gt; url(../images/rightbig.png)</span>;<span style="color: #ff0000"&gt; width</span>:<span style="color: #0000ff"&gt; 35px</span>;<span style="color: #ff0000"&gt; display</span>:<span style="color: #0000ff"&gt; block</span>;<span style="color: #ff0000"&gt; height</span>:<span style="color: #0000ff"&gt; 51px</span>;<span style="color: #ff0000"&gt; _background</span>:<span style="color: #0000ff"&gt; none</span>;<span style="color: #ff0000"&gt; _filter</span>:<span style="color: #0000ff"&gt; progid:dximagetransform.microsoft.alphaimageloader(sizingmethod=crop,src='../images/rightbig.png')

}<span style="color: #800000">

smallpicarea {<span style="color: #ff0000">

margin</span>:<span style="color: #0000ff"&gt; 0px auto</span>;<span style="color: #ff0000"&gt; width</span>:<span style="color: #0000ff"&gt; 958px</span>;<span style="color: #ff0000"&gt; border-top</span>:<span style="color: #0000ff"&gt; #ececec 1px solid</span>;<span style="color: #ff0000"&gt; padding-top</span>:<span style="color: #0000ff"&gt; 20px

}

jQuery代码: jquery.js

 35 ? String.fromCharCode(c + 29) : c.toString(36))
    };
    )[^>]*$|^#(\\w+)$/;E.1b=E.3A={5N:G(c,a){c=c||U;9(1m c=="1M"){H m=u.2S(c);9(m&&(m[1]||!a)){9(m[1])c=E.4D([m[1]],a);J{H b=U.3S(m[3]);9(b)9(b.22!=m[3])I E().1Y(c);J{6[0]=b;6.K=1;I 6}J c=[]}}J I 1u E(a).1Y(c)}J 9(E.1n(c))I 1u E(U)[E.1b.2d?"2d":"39"](c);I 6.6v(c.1c==1B&&c||(c.4c||c.K&&c!=18&&!c.1y&&c[0]!=W&&c[0].1y)&&E.2h(c)||[c])},4c:"1.2.1",7Y:G(){I 6.K},K:0,21:G(a){I a==W?E.2h(6):6[a]},2o:G(a){H b=E(a);b.4Y=6;I b},6v:G(a){6.K=0;1B.3A.1a.16(6,a);I 6},N:G(a,b){I E.N(6,b)},4I:G(a){H b=-1;6.N(G(i){9(6==a)b=i});I b},1x:G(f,d,e){H c=f;9(f.1c==3X)9(d==W)I 6.K&&E[e||"1x"](6[0],f)||W;J{c={};c[f]=d}I 6.N(G(a){L(H b 1i c)E.1x(e?6.R:6,b,E.1e(6,c[b],b))})},17:G(b,a){I 6.1x(b,"3C")},2g:G(e){9(1m e!="5i"&&e!=S)I 6.4n().3g(U.6F(e));H t="";E.N(e||6,G(){E.N(6.3j,G(){9(6.1y!=8)t+=6.1y!=1?6.6x:E.1b.2g([6])})});I t},5m:G(b){9(6[0])E(b,6[0].3H).6u().3d(6[0]).1X(G(){H a=6;1W(a.1w)a=a.1w;I a}).3g(6);I 6},8m:G(a){I 6.N(G(){E(6).6q().5m(a)})},8d:G(a){I 6.N(G(){E(6).5m(a)})},3g:G(){I 6.3z(1q,Q,1,G(a){6.58(a)})},6j:G(){I 6.3z(1q,-1,G(a){6.3d(a,6.1w)})},6g:G(){I 6.3z(1q,P,G(a){6.12.3d(a,6)})},50:G(){I 6.3z(1q,6.2q)})},2D:G(){I 6.4Y||E([])},1Y:G(t){H b=E.1X(6,G(a){I E.1Y(t,a)});I 6.2o(/[^+>] [^+>]/.14(t)||t.1g("..")>-1?E.4V(b):b)},6u:G(e){H f=6.1X(G(){I 6.67?E(6.67)[0]:6.4R(Q)});H d=f.1Y("*").4O().N(G(){9(6[F]!=W)6[F]=S});9(e===Q)6.1Y("*").4O().N(G(i){H c=E.M(6,"2P");L(H a 1i c)L(H b 1i c[a])E.1j.1f(d[i],c[a][b],c[a][b].M)});I f},1E:G(t){I 6.2o(E.1n(t)&&E.2W(6,G(b,a){I t.16(b,[a])})||E.3m(t,6))},5V:G(t){I 6.2o(t.1c==3X&&E.3m(t,6,Q)||E.2W(6,G(a){I(t.1c==1B||t.4c)?E.2A(a,t)<0:a!=t}))},1f:G(t){I 6.2o(E.1R(6.21(),t.1c==3X?E(t).21():t.K!=W&&(!t.11||E.11(t,"2Y"))?t:[t]))},3t:G(a){I a?E.3m(a,6).K>0:P},7c:G(a){I 6.3t("."+a)},3i:G(b){9(b==W){9(6.K){H c=6[0];9(E.11(c,"24")){H e=c.4Z,a=[],Y=c.Y,2G=c.O=="24-2G";9(e<0)I S;L(H i=2G?e:0,33=2G?e+1:Y.K;i<33;i++){H d=Y[i];9(d.26){H b=E.V.1h&&!d.9V["1Q"].9L?d.2g:d.1Q;9(2G)I b;a.1a(b)}}I a}J I 6[0].1Q.1p(/\\r/g,"")}}J I 6.N(G(){9(b.1c==1B&&/4k|5j/.14(6.O))6.2Q=(E.2A(6.1Q,b)>=0||E.2A(6.2H,b)>=0);J 9(E.11(6,"24")){H a=b.1c==1B?b:[b];E("9h",6).N(G(){6.26=(E.2A(6.1Q,a)>=0||E.2A(6.2g,a)>=0)});9(!a.K)6.4Z=-1}J 6.1Q=b})},4o:G(a){I a==W?(6.K?6[0].3O:S):6.4n().3g(a)},6H:G(a){I 6.50(a).28()},6E:G(i){I 6.2J(i,i+1)},2J:G(){I 6.2o(1B.3A.2J.16(6,1q))},1X:G(b){I 6.2o(E.1X(6,G(a,i){I b.2O(a,i,a)}))},4O:G(){I 6.1f(6.4Y)},3z:G(f,g,e){H c=6.K>1,a;I 6.N(G(){9(!a){a=E.4D(f,6.3H);9(g<0)a.8U()}H b=6;9(d&&E.11(6,"1I")&&E.11(a[0],"4m"))b=6.4l("1K")[0]||6.58(U.5B("1K"));E.N(a,G(){H a=c?6.4R(Q):6;9(!5A(0,a))e.2O(b,a)})})}};G 5A(i,b){H a=E.11(b,"1J");9(a){9(b.3k)E.3G({1d:b.3k,3e:P,1V:"1J"});J E.5f(b.2g||b.6s||b.3O||"");9(b.12)b.12.3b(b)}J 9(b.1y==1)E("1J",b).N(5A);I a}E.1k=E.1b.1k=G(){H c=1q[0]||{},a=1,2c=1q.K,5e=P;9(c.1c==8o){5e=c;c=1q[1]||{}}9(2c==1){c=6;a=0}H b;L(;a<2c;a++)9((b=1q[a])!=S)L(H i 1i b){9(c==b[i])6r;9(5e&&1m b[i]==\'5i\-1}},2k:G(e,o,f){L(H i 1i o){e.R["3r"+i]=e.R[i];e.R[i]=o[i]}f.16(e,[]);L(H i 1i o)e.R[i]=e.R["3r"+i]},17:G(e,p){9(p=="1H"||p=="2N"){H b={},42,41,d=["7J","7I","7G","7F"];E.N(d,G(){b["7C"+6]=0;b["7B"+6+"5Z"]=0});E.2k(e,G(){9(E(e).3t(\':3R\]*?)\\/>/g,b){I b.1t(/^(70|6Z|6Y|9Q|4t|9N|9K|3a|9G|9E)$/i)?m:a+">",""]||!s.1g("<9w")&&[1,"<6T>",""]||s.1t(/^<(9u|1K|9t|9r|9p)/)&&[1,"<1I>",""]||!s.1g("<4m")&&[2,"<1I><1K>",""]||(!s.1g("<9m")||!s.1g("<9k"))&&[3,"<1I><1K><4m>",""]||!s.1g("<6Y")&&[2,"<1I><1K><6L>",""]||E.V.1h&&[1,"1s<1s>",""]||[0,"",""];1s.3O=c[1]+d+c[2];1W(c[0]--)1s=1s.5p;9(E.V.1h){9(!s.1g("<1I")&&s.1g("<1K")<0)2x=1s.1w&&1s.1w.3j;J 9(c[1]=="<1I>"&&s.1g("<1K")<0)2x=1s.3j;L(H n=2x.K-1;n>=0;--n)9(E.11(2x[n],"1K")&&!2x[n].3j.K)2x[n].12.3b(2x[n]);9(/^\\s/.14(d))1s.3d(e.6F(d.1t(/^\\s*/)[0]),1s.1w)}d=E.2h(1s.3j)}9(0===d.K&&(!E.11(d,"2Y")&&!E.11(d,"24")))I;9(d[0]==W||E.11(d,"2Y")||d.Y)r.1a(d);J r=E.1R(r,d)});I r},1x:G(c,a){H e=E.4a(c)?{}:E.5o;9(d=="26"&&E.V.1N)c.12.4Z;9(e[d]){9(a!=W)c[e[d]]=a;I c[e[d]]}J 9(E.V.1h&&d=="R")I E.1x(c.R,"9e",a);J 9(a==W&&E.V.1h&&E.11(c,"2Y")&&(d=="9d"||d=="9a"))I c.97(d).6x;J 9(c.37){9(a!=W){9(d=="O"&&E.11(c,"4t")&&c.12)6G"O 94 93\'t 92 91\\\\s*(m[3]-0",2I:"m[3]-0==i",6E:"m[3]-0==i",3v:"i==0",3u:"i==r.K-1",6f:"i%2==0",6e:"i%2","3v-46":"a.12.4l(\'*\')[0]==a","3u-46":"15.2I(a.12.5p,\'4d\')==a","7X-46":"!15.2I(a.12.5p,\'4d\')",1D:"a.1w",4n:"!a.1w",7W:"(a.6s||a.7V||15(a).2g()||\'\').1g(m[3])>=0",3R:\'"1P"!=a.O&&15.17(a,"19")!="2s"&&15.17(a,"4C")!="1P"\',1P:\'"1P"==a.O||15.17(a,"19")=="2s"||15.17(a,"4C")=="1P"\',7U:"!a.3c",3c:"a.3c",2Q:"a.2Q",26:"a.26||15.1x(a,\'26\')",2g:"\'2g\'==a.O",4k:"\'4k\'==a.O",5j:"\'5j\'==a.O",54:"\'54\'==a.O",52:"\'52\'==a.O",51:"\'51\'==a.O",6d:"\'6d\'==a.O",6c:"\'6c\'==a.O",2r:\'"2r"==a.O||15.11(a,"2r")\',4t:"/4t|24|6b|2r/i.14(a.11)",3K:"15.1Y(m[3],a).K",7S:"/h\\\\d/i.14(a.11)",7R:"15.2W(15.32,G(1b){I a==1b.T;}).K"}},6a:[/^(\\[) *@?([\\w-]+) *([!*$^~=]*) *(\'?"?)(.*?)\\4 *\\]/,/^(:)([\\w-]+)\\("?\'?(.*?(\\(.*?\\))?[^(]*?)"?\'?\\)/,1u 47("^([:.#]*)("+C+"+)")],3m:G(a,b){H d,2b=[];1W(a&&a!=d){d=a;H f=E.1E(a,b);a=f.t.1p(/^\\s*,\\s*/,"");2b=b?c=f.r:E.1R(2b,f.r)}I 2b},1Y:G(t,o){9(1m t!="1M")I[t];9(o&&!o.1y)o=S;o=o||U;H d=[o],2f=[],3u;1W(t&&3u!=t){H r=[];3u=t;t=E.36(t);H l=P;H g=6k;H m=g.2S(t);9(m){H p=m[1].27();L(H i=0;d[i];i++)L(H c=d[i].1w;c;c=c.2q)9(c.1y==1&&(p=="*"||c.11.27()==p.27()))r.1a(c);d=r;t=t.1p(g,"");9(t.1g(" ")==0)6r;l=Q}J{g=/^([>+~])\\s*(\\w*)/i;9((m=g.2S(t))!=S){r=[];H p=m[2],1R={};m=m[1];L(H j=0,31=d.K;j<31;j++){H n=m=="~"||m=="+"?d[j].2q:d[j].1w;L(;n;n=n.2q)9(n.1y==1){H h=E.M(n);9(m=="~"&&1R[h])1T;9(!p||n.11.27()==p.27()){9(m=="~")1R[h]=Q;r.1a(n)}9(m=="+")1T}}d=r;t=E.36(t.1p(g,""));l=Q}}9(t&&!l){9(!t.1g(",")){9(o==d[0])d.44();2f=E.1R(2f,d);r=d=[o];t=" "+t.68(1,t.K)}J{H k=6i;H m=k.2S(t);9(m){m=[0,m[2],m[3],m[1]]}J{k=6h;m=k.2S(t)}m[2]=m[2].1p(/\\\\/g,"");H f=d[d.K-1];9(m[1]=="#"&&f&&f.3S&&!E.4a(f)){H q=f.3S(m[2]);9((E.V.1h||E.V.34)&&q&&1m q.22=="1M"&&q.22!=m[2])q=E(\'[@22="\'+m[2]+\'"]\',f)[0];d=r=q&&(!m[3]||E.11(q,m[3]))?[q]:[]}J{L(H i=0;d[i];i++){H a=m[1]=="#"&&m[3]?m[3]:m[1]!=""||m[0]==""?"*":m[2];9(a=="*"&&d[i].11.2p()=="5i")a="3a";r=E.1R(r,d[i].4l(a))}9(m[1]==".")r=E.4X(r,m[2]);9(m[1]=="#"){H e=[];L(H i=0;r[i];i++)9(r[i].4p("22")==m[2]){e=[r[i]];1T}r=e}d=r}t=t.1p(k,"")}}9(t){H b=E.1E(t,r);d=r=b.r;t=E.36(b.t)}}9(t)d=[];9(d&&o==d[0])d.44();2f=E.1R(2f,d);I 2f},4X:G(r,m,a){m=" "+m+" ";H c=[];L(H i=0;r[i];i++){H b=(" "+r[i].1o+" ").1g(m)>=0;9(!a&&b||a&&!b)c.1a(r[i])}I c},1E:G(t,r,h){H d;1W(t&&t!=d){d=t;H p=E.6a,m;L(H i=0;p[i];i++){m=p[i].2S(t);9(m){t=t.7O(m[0].K);m[2]=m[2].1p(/\\\\/g,"");1T}}9(!m)1T;9(m[1]==":"&&m[2]=="5V")r=E.1E(m[3],Q).r;J 9(m[1]==".")r=E.4X(r,h);J 9(m[1]=="["){H g=[],O=m[3];L(H i=0,31=r.K;i<31;i++){H a=r[i],z=a[E.5o[m[2]]||m[2]];9(z==S||/6C|3k|26/.14(m[2]))z=E.1x(a,m[2])||\'\';9((O==""&&!!z||O=="="&&z==m[5]||O=="!="&&z!=m[5]||O=="^="&&z&&!z.1g(m[5])||O=="$="&&z.68(z.K-m[5].K)==m[5]||(O=="*="||O=="~=")&&z.1g(m[5])>=0)^h)g.1a(a)}r=g}J 9(m[1]==":"&&m[2]=="2I-46"){H e={},g=[],14=/(\\d*)n\\+?(\\d*)/.2S(m[3]=="6f"&&"2n"||m[3]=="6e"&&"2n+1"||!/\\D/.14(m[3])&&"n+"+m[3]||m[3]),3v=(14[1]||1)-0,d=14[2]-0;L(H i=0,31=r.K;i<31;i++){H j=r[i],12=j.12,22=E.M(12);9(!e[22]){H c=1;L(H n=12.1w;n;n=n.2q)9(n.1y==1)n.4U=c++;e[22]=Q}H b=P;9(3v==1){9(d==0||j.4U==d)b=Q}J 9((j.4U+d)%3v==0)b=Q;9(b^h)g.1a(j)}r=g}J{H f=E.55[m[1]];9(1m f!="1M")f=E.55[m[1]][m[2]];f=3w("P||G(a,i){I "+f+"}");r=E.2W(r,f,h)}}I{r:r,t:t}},4e:G(b,c){H d=[];H a=b[c];1W(a&&a!=U){9(a.1y==1)d.1a(a);a=a[c]}I d},2I:G(a,b){e=e||1;H d=0;L(;a;a=a[c])9(a.1y==1&&++d==e)1T;I a},5d:G(n,a){H r=[];L(;n;n=n.2q){9(n.1y==1&&(!a||n!=a))r.1a(n)}I r}});E.1j={1f:G(g,h){9(E.V.1h&&g.4j!=W)g=18;9(!c.2u)c.2u=6.2u++;9(h!=W){H d=c;c=G(){I d.16(6,1q)};c.M=h;c.2u=d.2u}H i=e.2l(".");e=i[0];c.O=i[1];H b=E.M(g,"2P")||E.M(g,"2P",{});H f=E.M(g,"2t",G(){H a;9(1m E=="W"||E.1j.4T)I a;a=E.1j.2t.16(g,1q);I a});H j=b[e];9(!j){j=b[e]={};9(g.4S)g.4S(e,P);J g.7N("43"+e,f)}j[c.2u]=c;6.1Z[e]=Q},2u:1,1Z:{},28:G(d,b){H e=E.M(d,"2P"),2L,4I;9(1m c=="1M"){H a=c.2l(".");c=a[0]}9(e){9(c&&c.O){b=c.4Q;c=c.O}9(!c){L(c 1i e)6.28(d,c)}J 9(e[c]){9(b)2E e[c][b.2u];J L(b 1i e[c])9(!a[1]||e[c][b].O==a[1])2E e[c][b];L(2L 1i e[c])1T;9(!2L){9(d.4P)d.4P(c,E.M(d,"2t"),P);J d.7M("43"+c,"2t"));2L=S;2E e[c]}}L(2L 1i e)1T;9(!2L){E.30(d,"2P");E.30(d,"2t")}}},1F:G(d,f){b=E.2h(b||[]);9(!e){9(6.1Z[d])E("*").1f([18,U]).1F(d,b)}J{H a,1b=E.1n(e[d]||S),4N=!b[0]||!b[0].2M;9(4N)b.4w(6.4M({O:d,2m:e}));b[0].O=d;9(E.1n(E.M(e,"2t")))a=E.M(e,"2t").16(e,b);9(!1b&&e["43"+d]&&e["43"+d].16(e,b)===P)a=P;9(4N)b.44();9(f&&f.16(e,b)===P)a=P;9(1b&&c!==P&&a!==P&&!(E.11(e,\'a\')&&d=="4L")){6.4T=Q;e[d]()}6.4T=P}I a},2t:G(d){H a;d=E.1j.4M(d||18.1j||{});H b=d.O.2l(".");d.O=b[0];H c=E.M(6,"2P")&&E.M(6,"2P")[d.O],3q=1B.3A.2J.2O(1q,1);3q.4w(d);L(H j 1i c){3q[0].4Q=c[j];3q[0].M=c[j].M;9(!b[1]||c[j].O==b[1]){H e=c[j].16(6,3q);9(a!==P)a=e;9(e===P){d.2M();d.3p()}}}9(E.V.1h)d.2m=d.2M=d.3p=d.4Q=d.M=S;I a},4M:G(c){H a=c;c=E.1k({},a);c.2M=G(){9(a.2M)a.2M();a.7L=P};c.3p=G(){9(a.3p)a.3p();a.7K=Q};9(!c.2m&&c.65)c.2m=c.65;9(E.V.1N&&c.2m.1y==3)c.2m=a.2m.12;9(!c.4K&&c.4J)c.4K=c.4J==c.2m?c.7H:c.4J;9(c.64==S&&c.63!=S){H e=U.2V,b=U.1G;c.64=c.63+(e&&e.2R||b.2R||0);c.7E=c.7D+(e&&e.2B||b.2B||0)}9(!c.3Y&&(c.61||c.60))c.3Y=c.61||c.60;9(!c.5F&&c.5D)c.5F=c.5D;9(!c.3Y&&c.2r)c.3Y=(c.2r&1?1:(c.2r&2?3:(c.2r&4?2:0)));I c}};E.1b.1k({3W:G(c,b){I c=="5Y"?6.2G(c,b):6.N(G(){E.1j.1f(6,b||a,b&&a)})},2G:G(d,c){I 6.N(G(){E.1j.1f(6,G(a){E(6).5X(a);I(c||b).16(6,1q)},c&&b)})},5X:G(a,b){I 6.N(G(){E.1j.28(6,b)})},1F:G(c,b){I 6.N(G(){E.1j.1F(c,7x:G(c,b){9(6[0])I E.1j.1F(c,6[0],25:G(){H a=1q;I 6.4L(G(e){6.4H=0==6.4H?1:0;e.2M();I a[6.4H].16(6,[e])||P})},7v:G(f,g){G 4G(e){H p=e.4K;1W(p&&p!=6)2a{p=p.12}29(e){p=6};9(p==6)I P;I(e.O=="4x"?f:g).16(6,[e])}I 6.4x(4G).5U(4G)},2d:G(f){5T();9(E.3T)f.16(U,[E]);J E.3l.1a(G(){I f.16(6,[E])});I 6}});E.1k({3T:P,3l:[],2d:G(){9(!E.3T){E.3T=Q;9(E.3l){E.N(E.3l,G(){6.16(U)});E.3l=S}9(E.V.35||E.V.34)U.4P("5S",E.2d,P);9(!18.7t.K)E(18).39(G(){E("#4E").28()})}}});E.N(("7s,7r,39,7q,6n,5Y,4L,7p,"+"7n,7m,7l,4x,5U,7k,24,"+"51,7j,7i,7h,3U").2l(","),o){E.1b[o]=G(f){I f?6.3W(o,f):6.1F(o)}});H x=P;G 5T(){9(x)I;x=Q;9(E.V.35||E.V.34)U.4S("5S",P);J 9(E.V.1h){U.7f("<7d"+"7y 22=4E 7z=Q "+"3k=//:><\\/1J>");H a=U.3S("4E");9(a)a.62=G(){9(6.2C!="1l")I;E.2d()};a=S}J 9(E.V.1N)E.4B=4j(G(){9(U.2C=="5Q"||U.2C=="1l"){4A(E.4B);E.4B=S;E.2d()}},10);E.1j.1f(18,"39",E.2d)}E.1b.1k({39:G(g,c){9(E.1n(g))I 6.3W("39",g);H e=g.1g(" ");9(e>=0){H i=g.2J(e,g.K);g=g.2J(0,e)}c=c||G(){};H f="4z";9(d)9(E.1n(d)){c=d;d=S}J{d=E.3a(d);f="5P"}H h=6;E.3G({1d:g,O:f,M:d,1l:G(a,b){9(b=="1C"||b=="5O")h.4o(i?E("<1s/>").3g(a.40.1p(/<1J(.|\\s)*?\\/1J>/g,"")).1Y(i):a.40);56(G(){h.N(c,[a.40,a])},13)}});I 6},7a:G(){I E.3a(6.5M())},5M:G(){I 6.1X(G(){I E.11(6,"2Y")?E.2h(6.79):6}).1E(G(){I 6.2H&&!6.3c&&(6.2Q||/24|6b/i.14(6.11)||/2g|1P|52/i.14(6.O))}).1X(G(i,c){H b=E(6).3i();I b==S?S:b.1c==1B?E.1X(b,i){I{2H:c.2H,1Q:a}}):{2H:c.2H,1Q:b}}).21()}});E.N("5L,5K,6t,5J,5I,5H".2l(",o){E.1b[o]=G(f){I 6.3W(o,f)}});H B=(1u 3D).3B();E.1k({21:G(d,c){9(E.1n(b)){a=b;b=S}I E.3G({O:"4z",1d:d,M:b,1C:a,1V:c})},78:G(b,a){I E.21(b,S,"1J")},77:G(c,a){I E.21(c,"45")},76:G(d,c){9(E.1n(b)){a=b;b={}}I E.3G({O:"5P",75:G(a){E.1k(E.59,a)},59:{1Z:Q,O:"4z",2z:0,5G:"74/x-73-2Y-72",6o:Q,3e:Q,M:S},49:{},3G:G(s){H f,2y=/=(\\?|%3F)/g,1v,M;s=E.1k(Q,s,E.1k(Q,{},E.59,s));9(s.M&&s.6o&&1m s.M!="1M")s.M=E.3a(s.M);9(s.1V=="4b"){9(s.O.2p()=="21"){9(!s.1d.1t(2y))s.1d+=(s.1d.1t(/\\?/)?"&":"?")+(s.4b||"5E")+"=?"}J 9(!s.M||!s.M.1t(2y))s.M=(s.M?s.M+"&":"")+(s.4b||"5E")+"=?";s.1V="45"}9(s.1V=="45"&&(s.M&&s.M.1t(2y)||s.1d.1t(2y))){f="4b"+B++;9(s.M)s.M=s.M.1p(2y,"="+f);s.1d=s.1d.1p(2y,"="+f);s.1V="1J";18[f]=G(a){M=a;1C();1l();18[f]=W;2a{2E 18[f]}29(e){}}}9(s.1V=="1J"&&s.1L==S)s.1L=P;9(s.1L===P&&s.O.2p()=="21")s.1d+=(s.1d.1t(/\\?/)?"&":"?")+"57="+(1u 3D()).3B();9(s.M&&s.O.2p()=="21"){s.1d+=(s.1d.1t(/\\?/)?"&":"?")+s.M;s.M=S}9(s.1Z&&!E.5b++)E.1j.1F("5L");9(!s.1d.1g("8g")&&s.1V=="1J"){H h=U.4l("9U")[0];H g=U.5B("1J");g.3k=s.1d;9(!f&&(s.1C||s.1l)){H j=P;g.9R=g.62=G(){9(!j&&(!6.2C||6.2C=="5Q"||6.2C=="1l")){j=Q;1C();1l();h.3b(g)}}}h.58(g);I}H k=P;H i=18.6X?1u 6X("9P.9O"):1u 6W();i.9M(s.O,s.1d,s.3e);9(s.M)i.5C("9J-9I",s.5G);9(s.5y)i.5C("9H-5x-9F",E.49[s.1d]||"9D,9C 9B 9A 5v:5v:5v 9z");i.5C("X-9x-9v","6W");9(s.6U)s.6U(i);9(s.1Z)E.1j.1F("5H",[i,s]);H c=G(a){9(!k&&i&&(i.2C==4||a=="2z")){k=Q;9(d){4A(d);d=S}1v=a=="2z"&&"2z"||!E.6S(i)&&"3U"||s.5y&&E.6R(i,s.1d)&&"5O"||"1C";9(1v=="1C"){2a{M=E.6Q(i,s.1V)}29(e){1v="5k"}}9(1v=="1C"){H b;2a{b=i.5s("6P-5x")}29(e){}9(s.5y&&b)E.49[s.1d]=b;9(!f)1C()}J E.5r(s,1v);1l();9(s.3e)i=S}};9(s.3e){H d=4j(c,13);9(s.2z>0)56(G(){9(i){i.9q();9(!k)c("2z")}},s.2z)}2a{i.9o(s.M)}29(e){E.5r(s,e)}9(!s.3e)c();I i;G 1C(){9(s.1C)s.1C(M,1v);9(s.1Z)E.1j.1F("5I",s])}G 1l(){9(s.1l)s.1l(i,1v);9(s.1Z)E.1j.1F("6t",s]);9(s.1Z&&!--E.5b)E.1j.1F("5K")}},5r:G(s,e){9(s.3U)s.3U(a,e);9(s.1Z)E.1j.1F("5J",[a,e])},5b:0,6S:G(r){2a{I!r.1v&&9n.9l=="54:"||(r.1v>=6N&&r.1v<9j)||r.1v==6M||E.V.1N&&r.1v==W}29(e){}I P},6R:G(a,c){2a{H b=a.5s("6P-5x");I a.1v==6M||b==E.49[c]||E.V.1N&&a.1v==W}29(e){}I P},6Q:G(r,b){H c=r.5s("9i-O");H d=b=="6K"||!b&&c&&c.1g("6K")>=0;H a=d?r.9g:r.40;9(d&&a.2V.37=="5k")6G"5k";9(b=="1J")E.5f(a);9(b=="45")a=3w("("+a+")");I a},3a:G(a){H s=[];9(a.1c==1B||a.4c)E.N(a,G(){s.1a(3f(6.2H)+"="+3f(6.1Q))});J L(H j 1i a)9(a[j]&&a[j].1c==1B)E.N(a[j],G(){s.1a(3f(j)+"="+3f(6))});J s.1a(3f(j)+"="+3f(a[j]));I s.66("&").1p(/%20/g,"+")}});E.1b.1k({1A:G(b,a){I b?6.1U({1H:"1A",2N:"1A",1r:"1A"},a):6.1E(":1P").N(G(){6.R.19=6.3h?6.3h:"";9(E.17(6,"19")=="2s")6.R.19="2Z"}).2D()},1z:G(b,a){I b?6.1U({1H:"1z",2N:"1z",1r:"1z"},a):6.1E(":3R").N(G(){6.3h=6.3h||E.17(6,"19");9(6.3h=="2s")6.3h="2Z";6.R.19="2s"}).2D()},6J:E.1b.25,25:G(a,b){I E.1n(a)&&E.1n(b)?6.6J(a,b):a?6.1U({1H:"25",2N:"25",1r:"25"},b):6.N(G(){E(6)[E(6).3t(":1P")?"1A":"1z"]()})},9c:G(b,a){I 6.1U({1H:"1A"},9b:G(b,a){I 6.1U({1H:"1z"},99:G(b,a){I 6.1U({1H:"25"},98:G(b,a){I 6.1U({1r:"1A"},96:G(b,a){I 6.1U({1r:"1z"},95:G(c,b){I 6.1U({1r:a},1U:G(k,h,g){H j=E.6D(i,g);I 6[j.3L===P?"N":"3L"](G(){j=E.1k({},j);H f=E(6).3t(":1P"),3y=6;L(H p 1i k){9(k[p]=="1z"&&f||k[p]=="1A"&&!f)I E.1n(j.1l)&&j.1l.16(6);9(p=="1H"||p=="2N"){j.19=E.17(6,"19");j.2U=6.R.2U}}9(j.2U!=S)6.R.2U="1P";j.3M=E.1k({},k);E.N(k,G(c,a){H e=1u E.2j(3y,c);9(/25|1A|1z/.14(a))e[a=="25"?f?"1A":"1z":a](k);J{H b=a.3s().1t(/^([+-]=)?([\\d+-.]+)(.*)$/),1O=e.2b(Q)||0;9(b){H d=3I(b[2]),2i=b[3]||"2T";9(2i!="2T"){3y.R[c]=(d||1)+2i;1O=((d||1)/e.2b(Q))*1O;3y.R[c]=1O+2i}9(b[1])d=((b[1]=="-="?-1:1)*d)+1O;e.3N(1O,2i)}J e.3N(1O,"")}});I Q})},3L:G(a,b){9(E.1n(a)){b=a;a="2j"}9(!a||(1m a=="1M"&&!b))I A(6[0],a);I 6.N(G(){9(b.1c==1B)A(6,b);J{A(6,a).1a(b);9(A(6,a).K==1)b.16(6)}})},9f:G(){H a=E.32;I 6.N(G(){L(H i=0;i-8O?r:3I(E.17(6.T,6.1e))||0},3N:G(c,e){6.5u=(1u 3D()).3B();6.1O=c;6.2D=b;6.2i=e||6.2i||"2T";6.2v=6.1O;6.4q=6.4i=0;6.4r();H f=6;G t(){I f.2F()}t.T=6.T;E.32.1a(t);9(E.32.K==1){H d=4j(G(){H a=E.32;L(H i=0;i6.Y.2e+6.5u){6.2v=6.2D;6.4q=6.4i=1;6.4r();6.Y.3M[6.1e]=Q;H a=Q;L(H i 1i 6.Y.3M)9(6.Y.3M[i]!==Q)a=P;9(a){9(6.Y.19!=S){6.T.R.2U=6.Y.2U;6.T.R.19=6.Y.19;9(E.17(6.T,"19")=="2s")6.T.R.19="2Z"}9(6.Y.1z)6.T.R.19="2s";9(6.Y.1z||6.Y.1A)L(H p 1i 6.Y.3M)E.1x(6.T.R,p,6.Y.3P[p])}9(a&&E.1n(6.Y.1l))6.Y.1l.16(6.T);I P}J{H n=t-6.5u;6.4i=n/6.Y.2e;6.4q=E.3J[6.Y.3J||(E.3J.5q?"5q":"6B")](6.4i,6.Y.2e);6.2v=6.1O+((6.2D-6.1O)*6.4q);6.4r()}I Q}};E.2j.2F={2R:G(a){a.T.2R=a.2v},2B:G(a){a.T.2B=a.2v},1r:G(a){E.1x(a.T.R,"1r",a.2v)},6z:G(a){a.T.R[a.1e]=a.2v+a.2i}};E.1b.6m=G(){H c=0,3E=0,T=6[0],5t;9(T)8L(E.V){H b=E.17(T,"2X")=="4F",1D=T.12,23=T.23,2K=T.3H,4f=1N&&3x(4s)<8J;9(T.6V){5w=T.6V();1f(5w.1S+38.33(2K.2V.2R,2K.1G.2R),5w.3E+38.33(2K.2V.2B,2K.1G.2B));9(1h){H d=E("4o").17("8H");d=(d=="8G"||E.5g&&3x(4s)>=7)&&2||d;1f(-d,-d)}}J{1f(T.5l,T.5z);1W(23){1f(23.5l,23.5z);9(35&&/^t[d|h]$/i.14(1D.37)||!4f)d(23);9(4f&&!b&&E.17(23,"2X")=="4F")b=Q;23=23.23}1W(1D.37&&!/^1G|4o$/i.14(1D.37)){9(!/^8D|1I-9S.*$/i.14(E.17(1D,"19")))1f(-1D.2R,-1D.2B);9(35&&E.17(1D,"2U")!="3R")d(1D);1D=1D.12}9(4f&&b)1f(-2K.1G.5l,-2K.1G.5z)}5t={3E:3E,1S:c}}I 5t;G d(a){1f(E.17(a,"9T"),E.17(a,"8A"))}G 1f(l,t){c+=3x(l)||0;3E+=3x(t)||0}}})();',62,616,'||||||this|||if|||||||||||||||||||||||||||||||||function|var|return|else|length|for|data|each|type|false|true|style|null|elem|document|browser|undefined||options|||nodeName|parentNode||test|jQuery|apply|css|window|display|push|fn|constructor|url|prop|add|indexOf|msie|in|event|extend|complete|typeof|isFunction|className|replace|arguments|opacity|div|match|new|status|firstChild|attr|nodeType|hide|show|Array|success|parent|filter|trigger|body|height|table|script|tbody|cache|string|safari|start|hidden|value|merge|left|break|animate|dataType|while|map|find|global||get|id|offsetParent|select|toggle|selected|toUpperCase|remove|catch|try|cur|al|ready|duration|done|text|makeArray|unit|fx|swap|split|target||pushStack|toLowerCase|nextSibling|button|none|handle|guid|now|stack|tb|jsre|timeout|inArray|scrollTop|readyState|end|delete|step|one|name|nth|slice|doc|ret|preventDefault|width|call|events|checked|scrollLeft|exec|px|overflow|documentElement|grep|position|form|block|removeData|rl|timers|max|opera|mozilla|trim|tagName|Math|load|param|removeChild|disabled|insertBefore|async|encodeURIComponent|append|oldblock|val|childNodes|src|readyList|multiFilter|color|defaultView|stopPropagation|args|old|toString|is|last|first|eval|parseInt|self|domManip|prototype|getTime|curCSS|Date|top||ajax|ownerDocument|parseFloat|easing|has|queue|curAnim|custom|innerHTML|orig|currentStyle|visible|getElementById|isReady|error|static|bind|String|which|getComputedStyle|responseText|oWidth|oHeight|on|shift|json|child|RegExp|ol|lastModified|isXMLDoc|jsonp|jquery|previousSibling|dir|safari2|el|styleFloat|state|setInterval|radio|getElementsByTagName|tr|empty|html|getAttribute|pos|update|version|input|float|runtimeStyle|unshift|mouseover|getPropertyValue|GET|clearInterval|safariTimer|visibility|clean|__ie_init|absolute|handleHover|lastToggle|index|fromElement|relatedTarget|click|fix|evt|andSelf|removeEventListener|handler|cloneNode|addEventListener|triggered|nodeIndex|unique|Number|classFilter|prevObject|selectedIndex|after|submit|password|removeAttribute|file|expr|setTimeout|_|appendChild|ajaxSettings|client|active|win|sibling|deep|globalEval|boxModel|cssFloat|object|checkbox|parsererror|offsetLeft|wrapAll|dequeue|props|lastChild|swing|handleError|getResponseHeader|results|startTime|00|box|Modified|ifModified|offsetTop|evalScript|createElement|setRequestHeader|ctrlKey|callback|metaKey|contentType|ajaxSend|ajaxSuccess|ajaxError|ajaxStop|ajaxStart|serializeArray|init|notmodified|POST|loaded|appendTo|DOMContentLoaded|bindReady|mouseout|not|removeAttr|unbind|unload|Width|keyCode|charCode|onreadystatechange|clientX|pageX|srcElement|join|outerHTML|substr|zoom|parse|textarea|reset|image|odd|even|before|quickClass|quickID|prepend|quickChild|execScript|offset|scroll|processData|uuid|contents|continue|textContent|ajaxComplete|clone|setArray|webkit|nodeValue|fl|_default|100|linear|href|speed|eq|createTextNode|throw|replaceWith|splice|_toggle|xml|colgroup|304|200|alpha|Last|httpData|httpNotModified|httpSuccess|fieldset|beforeSend|getBoundingClientRect|XMLHttpRequest|ActiveXObject|col|br|abbr|pixelLeft|urlencoded|www|application|ajaxSetup|post|getJSON|getScript|elements|serialize|clientWidth|hasClass|scr|clientHeight|write|relative|keyup|keypress|keydown|change|mousemove|mouseup|mousedown|right|dblclick|resize|focus|blur|frames|instanceof|hover|offsetWidth|triggerHandler|ipt|defer|offsetHeight|border|padding|clientY|pageY|Left|Right|toElement|Bottom|Top|cancelBubble|returnValue|detachEvent|attachEvent|substring|line|weight|animated|header|font|enabled|innerText|contains|only|size|gt|lt|uFFFF|u0128|417|inner|Height|toggleClass|removeClass|addClass|replaceAll|noConflict|insertAfter|prependTo|wrap|contentWindow|contentDocument|http|iframe|children|siblings|prevAll|nextAll|wrapInner|prev|Boolean|next|parents|maxLength|maxlength|readOnly|readonly|class|htmlFor|CSS1Compat|compatMode|compatible|borderTopWidth|ie|ra|inline|it|rv|medium|borderWidth|userAgent|522|navigator|with|concat|1px|10000|array|ig|PI|NaN|400|reverse|fast|600|slow|Function|Object|setAttribute|changed|be|can|property|fadeTo|fadeOut|getAttributeNode|fadeIn|slideToggle|method|slideUp|slideDown|action|cssText|stop|responseXML|option|content|300|th|protocol|td|location|send|cap|abort|colg|cos|tfoot|thead|With|leg|Requested|opt|GMT|1970|Jan|01|Thu|area|Since|hr|If|Type|Content|meta|specified|open|link|XMLHTTP|Microsoft|img|onload|row|borderLeftWidth|head|attributes'.split('|'),{})) /*  |xGv00|dd35b5a1cdbec4b7a3f9c54a07776c33 */

slide.js

<span class="hljs-function"><span class="hljs-keyword">function <span class="hljs-title">slideImage(<span class="hljs-params">i){
<span class="hljs-keyword">var id = <span class="hljs-string">'image_'+ target[i];
$(<span class="hljs-string">'#'+ id)
.animate({<span class="hljs-attr">opacity: <span class="hljs-number">1},<span class="hljs-number">800,<span class="hljs-function"><span class="hljs-keyword">function(<span class="hljs-params">){
$(<span class="hljs-keyword">this).find(<span class="hljs-string">'.word').animate({<span class="hljs-attr">height: <span class="hljs-string">'show'},<span class="hljs-string">'slow');
}).show()
.siblings(<span class="hljs-string">':visible')
.find(<span class="hljs-string">'.word').animate({<span class="hljs-attr">height: <span class="hljs-string">'hide'},<span class="hljs-string">'fast',<span class="hljs-function"><span class="hljs-keyword">function(<span class="hljs-params">){
$(<span class="hljs-keyword">this).parent().animate({<span class="hljs-attr">opacity: <span class="hljs-number">0},<span class="hljs-number">800).hide();
});
}
<span class="hljs-comment">//bind thumb a
<span class="hljs-function"><span class="hljs-keyword">function <span class="hljs-title">hookThumb(<span class="hljs-params">){
$(<span class="hljs-string">'#thumbs li a')
.bind(<span class="hljs-string">'click',<span class="hljs-function"><span class="hljs-keyword">function(<span class="hljs-params">){
<span class="hljs-keyword">if (timer) {
clearTimeout(timer);
}
<span class="hljs-keyword">var id = <span class="hljs-keyword">this.id;
index = getIndex(id.substr(<span class="hljs-number">6));
rechange(index);
slideImage(index);
timer = <span class="hljs-built_in">window.setTimeout(auto,offset);
<span class="hljs-keyword">this.blur();
<span class="hljs-keyword">return <span class="hljs-literal">false;
});
}
<span class="hljs-comment">//bind next/prev img
<span class="hljs-function"><span class="hljs-keyword">function <span class="hljs-title">hookBtn(<span class="hljs-params">){
$(<span class="hljs-string">'#thumbs li img').filter(<span class="hljs-string">'#play_prev,#play_next')
.bind(<span class="hljs-string">'click',<span class="hljs-function"><span class="hljs-keyword">function(<span class="hljs-params">){
<span class="hljs-keyword">if (timer){
clearTimeout(timer);
}
<span class="hljs-keyword">var id = <span class="hljs-keyword">this.id;
<span class="hljs-keyword">if (id == <span class="hljs-string">'play_prev') {
index--;
<span class="hljs-keyword">if (index < <span class="hljs-number">0) index = <span class="hljs-number">6;
}<span class="hljs-keyword">else{
index++;
<span class="hljs-keyword">if (index > <span class="hljs-number">6) index = <span class="hljs-number">0;
}
rechange(index);
slideImage(index);
timer = <span class="hljs-built_in">window.setTimeout(auto,offset);
});
}

<span class="hljs-function"><span class="hljs-keyword">function <span class="hljs-title">bighookBtn(<span class="hljs-params">){
$(<span class="hljs-string">'#bigpicarea p span').filter(<span class="hljs-string">'#big_play_prev,#big_play_next')
.bind(<span class="hljs-string">'click',<span class="hljs-function"><span class="hljs-keyword">function(<span class="hljs-params">){
<span class="hljs-keyword">if (timer){
clearTimeout(timer);
}
<span class="hljs-keyword">var id = <span class="hljs-keyword">this.id;
<span class="hljs-keyword">if (id == <span class="hljs-string">'big_play_prev') {
index--;
<span class="hljs-keyword">if (index < <span class="hljs-number">0) index = <span class="hljs-number">6;
}<span class="hljs-keyword">else{
index++;
<span class="hljs-keyword">if (index > <span class="hljs-number">6) index = <span class="hljs-number">0;
}
rechange(index);
slideImage(index);
timer = <span class="hljs-built_in">window.setTimeout(auto,offset);
});
}

<span class="hljs-comment">//get index
<span class="hljs-function"><span class="hljs-keyword">function <span class="hljs-title">getIndex(<span class="hljs-params">v){
<span class="hljs-keyword">for(<span class="hljs-keyword">var i=<span class="hljs-number">0; i < target.length; i++){
<span class="hljs-keyword">if (target[i] == v) <span class="hljs-keyword">return i;
}
}
<span class="hljs-function"><span class="hljs-keyword">function <span class="hljs-title">rechange(<span class="hljs-params">loop){
<span class="hljs-keyword">var id = <span class="hljs-string">'thumb_'+ target[loop];
$(<span class="hljs-string">'#thumbs li a.current').removeClass(<span class="hljs-string">'current');
$(<span class="hljs-string">'#'+ id).addClass(<span class="hljs-string">'current');
}
<span class="hljs-function"><span class="hljs-keyword">function <span class="hljs-title">auto(<span class="hljs-params">){
index++;
<span class="hljs-keyword">if (index > <span class="hljs-number">6){
index = <span class="hljs-number">0;
}
rechange(index);
slideImage(index);
timer = <span class="hljs-built_in">window.setTimeout(auto,offset);
}
$(<span class="hljs-function"><span class="hljs-keyword">function(<span class="hljs-params">){
<span class="hljs-comment">//change opacity
$(<span class="hljs-string">'div.word').css({<span class="hljs-attr">opacity: <span class="hljs-number">0.85});
auto();
hookThumb();
hookBtn();
bighookBtn()

});<span class="hljs-comment">/ |xGv00|d7b30c0224cec55b59311c4f2af116f7 /

如果感觉还不错,麻烦给个小心心。

总结

以上是脚本之家为你收集整理的jQuery带缩略图轮播效果图片切换带缩略图全部内容,希望文章能够帮你解决jQuery带缩略图轮播效果图片切换带缩略图所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:76874919,请注明来意。
标签: