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