使用jquery插件:jquery.blinds-0.9.js
真是郁闷,图片会出现间隙,效果如下,实在是没则了。高手帮忙
- HTML code
<div class="blinds_slideshow" id="topScrollImgpanel"> <div style="position: relative; display: block; width: 593px; height: 383px; background: url(http://rushi.hxytea.cn/Themes/Default/Images/Ads/Top/02.jpg) no-repeat scroll 0px 0px transparent;" class="blinds_container"> <div style="position: absolute; width: 49.4167px; height: 383px; left: 0px; top: 0px;" class="outer_tile_0_0"> <div style="position: absolute; width: 49.4167px; height: 383px; left: 0px; top: 0px; background: url(http://rushi.hxytea.cn/Themes/Default/Images/Ads/Top/01.jpg) no-repeat scroll 0px 0px transparent;" class="tile_0_0"> </div> </div> <div style="position: absolute; width: 49.4167px; height: 383px; left: 49.4167px; top: 0px;" class="outer_tile_1_0"> <div style="position: absolute; width: 49.4167px; height: 383px; left: 0px; top: 0px; background: url(http://rushi.hxytea.cn/Themes/Default/Images/Ads/Top/01.jpg) no-repeat scroll -49.4167px 0px transparent;" class="tile_1_0"> </div> </div> <div style="position: absolute; width: 49.4167px; height: 383px; left: 98.8333px; top: 0px;" class="outer_tile_2_0"> <div style="position: absolute; width: 49.4167px; height: 383px; left: 0px; top: 0px; background: url(http://rushi.hxytea.cn/Themes/Default/Images/Ads/Top/01.jpg) no-repeat scroll -98.8333px 0px transparent;" class="tile_2_0"> </div> </div> <div style="position: absolute; width: 49.4167px; height: 383px; left: 148.25px; top: 0px;" class="outer_tile_3_0"> <div style="position: absolute; width: 49.4167px; height: 383px; left: 0px; top: 0px; background: url(http://rushi.hxytea.cn/Themes/Default/Images/Ads/Top/01.jpg) no-repeat scroll -148.25px 0px transparent;" class="tile_3_0"> </div> </div> <div style="position: absolute; width: 49.4167px; height: 383px; left: 197.667px; top: 0px;" class="outer_tile_4_0"> <div style="position: absolute; width: 49.4167px; height: 383px; left: 0px; top: 0px; background: url(http://rushi.hxytea.cn/Themes/Default/Images/Ads/Top/01.jpg) no-repeat scroll -197.667px 0px transparent;" class="tile_4_0"> </div> </div> <div style="position: absolute; width: 49.4167px; height: 383px; left: 247.083px; top: 0px;" class="outer_tile_5_0"> <div style="position: absolute; width: 49.4167px; height: 383px; left: 0px; top: 0px; background: url(http://rushi.hxytea.cn/Themes/Default/Images/Ads/Top/01.jpg) no-repeat scroll -247.083px 0px transparent;" class="tile_5_0"> </div> </div> <div style="position: absolute; width: 49.4167px; height: 383px; left: 296.5px; top: 0px;" class="outer_tile_6_0"> <div style="position: absolute; width: 49.4167px; height: 383px; left: 0px; top: 0px; background: url(http://rushi.hxytea.cn/Themes/Default/Images/Ads/Top/01.jpg) no-repeat scroll -296.5px 0px transparent;" class="tile_6_0"> </div> </div> <div style="position: absolute; width: 49.4167px; height: 383px; left: 345.917px; top: 0px;" class="outer_tile_7_0"> <div style="position: absolute; width: 49.4167px; height: 383px; left: 0px; top: 0px; background: url(http://rushi.hxytea.cn/Themes/Default/Images/Ads/Top/01.jpg) no-repeat scroll -345.917px 0px transparent;" class="tile_7_0"> </div> </div> <div style="position: absolute; width: 49.4167px; height: 383px; left: 395.333px; top: 0px;" class="outer_tile_8_0"> <div style="position: absolute; width: 49.4167px; height: 383px; left: 0px; top: 0px; background: url(http://rushi.hxytea.cn/Themes/Default/Images/Ads/Top/01.jpg) no-repeat scroll -395.333px 0px transparent;" class="tile_8_0"> </div> </div> <div style="position: absolute; width: 49.4167px; height: 383px; left: 444.75px; top: 0px;" class="outer_tile_9_0"> <div style="position: absolute; width: 49.4167px; height: 383px; left: 0px; top: 0px; background: url(http://rushi.hxytea.cn/Themes/Default/Images/Ads/Top/01.jpg) no-repeat scroll -444.75px 0px transparent;" class="tile_9_0"> </div> </div> <div style="position: absolute; width: 49.4167px; height: 383px; left: 494.167px; top: 0px;" class="outer_tile_10_0"> <div style="position: absolute; width: 49.4167px; height: 383px; left: 0px; top: 0px; background: url(http://rushi.hxytea.cn/Themes/Default/Images/Ads/Top/01.jpg) no-repeat scroll -494.167px 0px transparent;" class="tile_10_0"> </div> </div> <div style="position: absolute; width: 49.4167px; height: 383px; left: 543.583px; top: 0px;" class="outer_tile_11_0"> <div style="position: absolute; width: 49.4167px; height: 383px; left: 0px; top: 0px; background: url(http://rushi.hxytea.cn/Themes/Default/Images/Ads/Top/01.jpg) no-repeat scroll -543.583px 0px transparent;" class="tile_11_0"> </div> </div> </div> </div>