新聞中心
這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
js實(shí)現(xiàn)櫥窗展示效果-創(chuàng)新互聯(lián)
本文實(shí)例為大家分享了js實(shí)現(xiàn)櫥窗展示的具體代碼,供大家參考,具體內(nèi)容如下
思路
1、獲取需要的標(biāo)簽
2、求出滾動(dòng)條的長(zhǎng)度(公式:滾動(dòng)條長(zhǎng)度 = ( 盒子的寬度 / 內(nèi)容的寬度) * 盒子的寬度)
3、監(jiān)聽(tīng)鼠標(biāo)按下事件:3 設(shè)置起始位置
4、監(jiān)聽(tīng)鼠標(biāo)的移動(dòng):
4.1求出移動(dòng)的位置
4.2判斷滾動(dòng)條的位置(防超出)
4.3 移動(dòng)滾動(dòng)條、商品滾動(dòng)(公式:內(nèi)容走的距離 = (內(nèi)容的長(zhǎng)度 - 盒子的長(zhǎng)度) / (盒子長(zhǎng)度 - 滾動(dòng)條的長(zhǎng)度) * 滾動(dòng)條走的距離);
5、監(jiān)聽(tīng)鼠標(biāo)的離開(kāi)事件:把鼠標(biāo)的移動(dòng)事件設(shè)置為無(wú)即可。
新聞名稱:js實(shí)現(xiàn)櫥窗展示效果-創(chuàng)新互聯(lián)
網(wǎng)頁(yè)URL:http://fisionsoft.com.cn/article/djddgd.html