看看线上效果http://stopic.okhqb.com/guohuo.html?ad=gcsj
使用jquery去做一个图片左右滑动的效果,
首先,我们要考虑一下几点:
1.处理向前的按钮;
2.处理向后的按钮;
3.处理,向前和向后出现临界值的情况;
4.处理每次滑动的width;
5.滑动的时候鼠标效果的切换;
6.页面中有多个滑动效果怎么办?
实现第一步,写好html
<!--S cnt_goods2--> <div class="cnt_goods cnt_goods2 fl"> <img src="http://resource.okhqb.com/misc/spguohuo/images/cnt_tt_bg3.jpg" /> <div class="cnt_goods_wrap cfix picSilde_style2_1"> <div class="tetui_pro fl"> <a href="http://www.okhqb.com/item/1000097403.html" title="A199" target="_blank"><img src="http://resource.okhqb.com/activity/16/24/162415d0b442ce8346acabafeabc04a5.jpg" alt="A199" /></a> </div> <div class="cnt_goods_box w794"> <ul class="cnt_goods_list fl cfix cnt_border" > <li class="cnt_goods_item"> <div class="list_item"> <div class="pro_img"> <a href="http://www.okhqb.com/item/1000096799.html" title="ZTE/中兴 N818" target="_blank"> <img src="http://resource.okhqb.co