jquery 手动slide滑动焦点图 带数字显示顺序
jquery 手动slide滑动焦点图 带数字显示顺序
XML/HTML Code
- <div id="container">
- <!-- slideshow images -->
- <div class="slideshow">
- <ul>
- <li><img src="lemons/1.jpg" alt="lemon" /></li>
- <li><img src="lemons/2.jpg" alt="lemon tea" /></li>
- <li><img src="lemons/3.jpg" alt="splashing lemon" /></li>
- <li><img src="lemons/4.jpg" alt="salad with lemon" /></li>
- <li><img src="lemons/5.jpg" alt="lemonade!" /></li>
- <li><img src="lemons/6.jpg" alt="sliced lemon" /></li>
- <li><img src="lemons/7.jpg" alt="dripping lemon" /></li>
- </ul>
- </div>
- </div>
- <!-- change image links -->
- <a href="#" class="change_link" onclick="$('.slideshow').blinds_change(0)">1</a> <a href="#" class="change_link" onclick="$('.slideshow').blinds_change(1)">2</a> <a href="#" class="change_link" onclick="$('.slideshow').blinds_change(2)">3</a> <a href="#" class="change_link" onclick="$('.slideshow').blinds_change(3)">4</a> <a href="#" class="change_link" onclick="$('.slideshow').blinds_change(4)">5</a> <a href="#" class="change_link" onclick="$('.slideshow').blinds_change(5)">6</a> <a href="#" class="change_link" onclick="$('.slideshow').blinds_change(6)">7</a> <br/>
- <br/>
- <script type="text/javascript">
- $(window).load(function () {
- // start the slideshow
- $('.slideshow').blinds();
- })
- </script>
相关推荐
周公周金桥 2020-09-06
大象从不倒下 2020-07-31
AlisaClass 2020-07-19
MaureenChen 2020-04-21
xingguanghai 2020-03-13
teresalxm 2020-02-18
木四小哥 2013-05-14
SoShellon 2013-06-01
Simagle 2013-05-31
羽化大刀Chrome 2013-05-31
waterv 2020-01-08
LutosX 2013-07-29
vanturman 2013-06-27
wutongyuq 2013-04-12
luoqu 2013-04-10
today0 2020-09-22
89520292 2020-09-18
bigname 2020-08-25