課程
/前端開發(fā)
/JavaScript
/焦點(diǎn)圖輪播特效
為什么-600不設(shè)置在<div id="list" style="left:-600px";點(diǎn)擊左右就不會有效果呢?
2016-09-10
源自:焦點(diǎn)圖輪播特效 3-1
正在回答
如果你js里用的是style.left獲取值的話,這種方法只適用于內(nèi)嵌在標(biāo)簽里的樣式,寫在<style?type="text/css">里面的內(nèi)部樣式,與外部引入的樣式都無法通過該方法獲取值(但可以設(shè)置元素的left值),所以點(diǎn)擊左右的時候就會沒有效果,你可以加一條alert語句看一下,獲取到的是空。如果不想寫成內(nèi)嵌的樣式,可以在獲取left值的時候用:
var?computedStyle?=?document.defaultView.getComputedStyle(elem,?null);
console.log(computedStyle.left);//控制臺輸出left的值,比如“-600px”
不過這個不是所有瀏覽器兼容,IE的話沒有該方法,用elem.currentStyle.left獲取樣式~希望可以幫到你~
樓上棒棒噠,我沒寫行間樣式,然后點(diǎn)了半天就是不動那個火大啊,然后還發(fā)布提問了,然后看到你這個瞬間懂了。點(diǎn)贊
通過js設(shè)置元素樣式會直接顯示在元素的style屬性中,不會改變css,你可以試一下
舉報(bào)
通過本教程學(xué)習(xí)您將能掌握非常實(shí)用的焦點(diǎn)圖輪播特效的制作過程
1 回答輪播圖片切換不完整
4 回答切換頁面一段時間后,再切回來輪播圖使勁滾!
1 回答請問當(dāng)我把這個輪播圖頁面打開在瀏覽器,然后去瀏覽其他網(wǎng)頁,在回到輪播頁面,那個輪播圖會有很長一段時間在快速切換頁面
2 回答js輪播圖
1 回答使用jquery開發(fā)輪播圖插件
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-10-17
如果你js里用的是style.left獲取值的話,這種方法只適用于內(nèi)嵌在標(biāo)簽里的樣式,寫在<style?type="text/css">里面的內(nèi)部樣式,與外部引入的樣式都無法通過該方法獲取值(但可以設(shè)置元素的left值),所以點(diǎn)擊左右的時候就會沒有效果,你可以加一條alert語句看一下,獲取到的是空。如果不想寫成內(nèi)嵌的樣式,可以在獲取left值的時候用:
var?computedStyle?=?document.defaultView.getComputedStyle(elem,?null);
console.log(computedStyle.left);//控制臺輸出left的值,比如“-600px”
不過這個不是所有瀏覽器兼容,IE的話沒有該方法,用elem.currentStyle.left獲取樣式~希望可以幫到你~
2016-10-25
樓上棒棒噠,我沒寫行間樣式,然后點(diǎn)了半天就是不動那個火大啊,然后還發(fā)布提問了,然后看到你這個瞬間懂了。點(diǎn)贊
2016-09-10
通過js設(shè)置元素樣式會直接顯示在元素的style屬性中,不會改變css,你可以試一下