国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

基于jquery animate操作css樣式屬性小結

2019-11-20 11:08:50
字體:
來源:轉載
供稿:網友

昨天突然有網友問我animate()方法可以來操作所有css屬性嗎?是的,我告訴他可以的。不過,在此有需要注意點需要大家搞清楚:當使用 animate()時,必須使用 Camel 標記法書寫所有的屬性名,比如,必須使用 paddingLeft 而不是 padding-left,使用 marginRight而不是 margin-right,等等。

css中的不是所有屬性都可以用Jquery動畫(animate函數)來動態改變,下面總結了JQ可以操作元素的一些屬性:

 * backgroundPosition  * borderWidth  * borderBottomWidth  * borderLeftWidth  * borderRightWidth  * borderTopWidth  * borderSpacing  * margin  * marginBottom  * marginLeft  * marginRight  * marginTop  * outlineWidth  * padding  * paddingBottom  * paddingLeft  * paddingRight  * paddingTop  * height  * width  * maxHeight  * maxWidth  * minHeight  * maxWidth  * font  * fontSize(在animate函數的css參數指定并不同于標準css屬性,例如這個css標準是:font-size。同理上面很多也是這樣的情況)  * bottom  * left  * right  * top  * letterSpacing  * wordSpacing  * lineHeight  * textIndent  * opacity

記住這些可以玩動畫的哦~~

jquery的animate()方法也可設置非css屬性

如題,舉例:

$('body').animate({scrollTop:0}, 1500);$("body").animate({scrollTop:"-="+50},350);

還有其他的幾個小例子:

禁用元素:

$('button').attr('disabled', 'disabled'); $('button').removeAttr('disabled');

遍歷元素集合:

$("input:text").each(function(index){   alert(index);//循環的下標值,從0開始   alert(this.value);//自帶屬性可以用this(Dom)直接取值   alert($(this).attr("type"));//自定義屬性需要用attr()取值 });
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 桂东县| 厦门市| 视频| 中宁县| 南丰县| 洪洞县| 望奎县| 蓬莱市| 盐亭县| 新乐市| 丹阳市| 突泉县| 闻喜县| 盐山县| 油尖旺区| 综艺| 宁阳县| 镶黄旗| 苍山县| 文山县| 墨竹工卡县| 拉萨市| 齐河县| 息烽县| 方山县| 汪清县| 夏津县| 德州市| 鹤壁市| 卢氏县| 如东县| 拜泉县| 龙里县| 民乐县| 弥勒县| 嵊泗县| 固始县| 阿克陶县| 红安县| 博野县| 宁明县|