国产探花免费观看_亚洲丰满少妇自慰呻吟_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()取值 });
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 梁山县| 临清市| 沐川县| 泌阳县| 东阳市| 常州市| 宁德市| 都江堰市| 和平县| 贵阳市| 美姑县| 桑植县| 哈巴河县| 内丘县| 莒南县| 清水县| 东兰县| 滕州市| 宁乡县| 虎林市| 新化县| 射洪县| 宜兰县| 鸡泽县| 阿拉善盟| 东明县| 甘谷县| 宁明县| 夏河县| 安新县| 河间市| 琼中| 庆阳市| 崇州市| 偏关县| 博湖县| 铜山县| 琼中| 留坝县| 宜兰县| 台安县|