JavaScript實現(xiàn)左右滾動電影畫布
本文實例為大家分享了JavaScript實現(xiàn)左右滾動電影畫布的具體代碼，供大家參考，具體內(nèi)容如下
創(chuàng)新互聯(lián)公司是少有的網(wǎng)站制作、成都做網(wǎng)站、營銷型企業(yè)網(wǎng)站、成都微信小程序、手機APP,開發(fā)、制作、設(shè)計、買鏈接、推廣優(yōu)化一站式服務(wù)網(wǎng)絡(luò)公司,從2013年創(chuàng)立,堅持透明化,價格低,無套路經(jīng)營理念。讓網(wǎng)頁驚喜每一位訪客多年來深受用戶好評
實現(xiàn)效果：
1. 鼠標放在圖片左邊，圖片向右移動
2. 鼠標放在圖片右邊，圖片向左移動
3. 鼠標放在圖片外，圖片暫停
實現(xiàn)步驟：
1.將圖片顯示區(qū)域設(shè)置為一個盒子，盒子之外隱藏，這個盒子定義為屏幕
2.將圖片放在一個大盒子中，屏幕分相同兩部分一個左屏幕，一個右屏幕對左右屏幕分別設(shè)置onmouseover事件，對整個屏幕設(shè)置onmouseout事件
左右滾動的電影畫布 
收獲：需要將容納圖片的盒子設(shè)置絕對定位，否則圖片不會移動，也可不將圖片放在盒子里，但是必須對圖片設(shè)置絕對定位，否則不移動
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。
分享名稱：JavaScript實現(xiàn)左右滾動電影畫布
瀏覽地址：http://m.jiaotiyi.com/article/jcsgoo.html