Ext Core 修改CSS。 addClass 轻松地为一个元素添加样式: Ext.fly('elId').addClass('myCls'); // 加入元素的'myCls'的样式 radioClass 添加一个或多个className到这个元素,并移除其所有侧边(siblings)节点上的同名样式。 //为元素添加'myCls'在所有侧边元素上删除'myCls'样式 // all sibilings. Ext.fly('elId').radioClass('myCls'); removeClass 移除元素身上一个或多个的CSS类。 Ext.fly('elId').removeClass('myCls'); // 移除元素的样式 toggleClass 轮换(Toggles,两种状态中转换到一个状态)--添加或移除指定的CSS类(如果已经存在的话便删除,否则就是新增加)。 Ext.fly('elId').toggleClass('myCls'); // 加入样式 Ext.fly('elId').toggleClass('myCls'); // 移除样式 Ext.fly('elId').toggleClass('myCls'); // 再加入样式 hasClass 检查某个CSS类是否作用于这个元素身上。 if (Ext.fly('elId').hasClass('myCls')) { // 是有样式的…… } replaceClass 在这个元素身上替换CSS类。 Ext.fly('elId').replaceClass('myClsA', 'myClsB'); getStyle 返回该元素的统一化当前样式和计算样式。 var color = Ext.fly('elId').getStyle('color'); var zIndx = Ext.fly('elId').getStyle('z-index'); var fntFmly = Ext.fly('elId').getStyle('font-family'); // ... 等等 setStyle 设置元素的样式,也可以用一个对象参数包含多个样式。 Ext.fly('elId').setStyle('color', '#FFFFFF'); Ext.fly('elId').setStyle('z-index', 10); Ext.fly('elId').setStyle({ display : 'block', overflow : 'hidden', cursor : 'pointer' }); // 带有动画的变换过程 Ext.fly('elId').setStyle('color', '#FFFFFF', true); // 带有0.75秒动画的变换过程 Ext.fly('elId').setStyle('color', '#FFFFFF', {duration: .75}); // ... 等等 getColor 为指定的CSS属性返回CSS颜色。RGB、三位数(像#fff)和有效值都被转换到标准六位十六进制的颜色。 Ext.fly('elId').getColor('background-color'); Ext.fly('elId').getColor('color'); Ext.fly('elId').getColor('border-color'); // ... 等等 setOpacity 设置元素的透明度。 Ext.fly('elId').setOpacity(.5); Ext.fly('elId').setOpacity(.45, true); // 动画 // 附有半秒的动画过程 Ext.fly('elId').setOpacity(.45, {duration: .5}); clearOpacity 清除这个元素的透明度设置。 Ext.fly('elId').clearOpacity();
ext CSS样式
猜你喜欢
转载自snowelf.iteye.com/blog/2111720
今日推荐
周排行