本篇內(nèi)容主要講解“怎么用JavaScript控制CSS的float屬性”,感興趣的朋友不妨來看看。本文介紹的方法操作簡(jiǎn)單快捷,實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“怎么用JavaScript控制CSS的float屬性”吧!
創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于網(wǎng)站建設(shè)、網(wǎng)站制作、龍安網(wǎng)絡(luò)推廣、成都微信小程序、龍安網(wǎng)絡(luò)營(yíng)銷、龍安企業(yè)策劃、龍安品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等,從售前售中售后,我們都將竭誠(chéng)為您服務(wù),您的肯定,是我們最大的嘉獎(jiǎng);創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供龍安建站搭建服務(wù),24小時(shí)服務(wù)熱線:13518219792,官方網(wǎng)址:www.cdcxhl.com
CSS中float屬性有很多值得學(xué)習(xí)的地方,本文和大家重點(diǎn)討論一下如何使用JavaScript控制CSS的float屬性,相信本文介紹一定會(huì)讓你有所收獲。
用JavaScript控制CSS的float屬性
今天學(xué)習(xí)JavaScript控制CSS的float屬性時(shí)發(fā)現(xiàn)的一個(gè)兼容性問題,在Aptana沒有代碼提示,用VisualStudio2008也沒有代碼提示,不知道是不是因?yàn)檫@個(gè)屬性在不同的瀏覽器中不能兼容還是它們都有Bug。先看一下我寫的DEMO吧。
ExampleSourceCode
測(cè)試了 functiondivFloatRight(e){ e.style.backgroundColor="#ff0000"; e.style.styleFloat="right";//IE e.style.cssFloat="right";//firefoxandothersexplorer } functiondivFloatLeft(e){ e.style.backgroundColor="transparent"; e.style.styleFloat="left"; e.style.cssFloat="left"; } //JavaScript控制div的float屬性,onmousemove~float:right,onclick~float:left。