jquery之往一个CSS属性里写入多个值

 1 <html>
 2 <head>
 3 <title>test</title>
 4 <base href="<%=basePath%>">
 5 <script type="text/javascript" src="javascript/jquery-1.7.min.js"></script>
 6 <style type="text/css">
 7     div{
 8         width: 329px;
 9         height:245px;
10         background: green;
11     }
12 </style>
13
14 <script type="text/javascript">
15     $(function(){
16         window.setTimeout(function(){
17             $("#testDiv").css("transform","scale(0.5,0.7)");
18         },500);
19         window.setTimeout(function(){
20             $("#testDiv").css("transform",$("#testDiv").css("transform") + " translate(-150px,-50px)");
21         },1000);
22         window.setTimeout(function(){
23             $("#testDiv").css("transform",$("#testDiv").css("transform") + " rotate(50deg)");
24         },1500);
25     });
26 </script>
27 </head>
28 <body>
29     <div id="testDiv" >
30         <img alt="" src="image/di-11.png">
31     </div>
32 </body>
33 </html>
时间: 2024-10-12 12:11:00

jquery之往一个CSS属性里写入多个值的相关文章

CSS initial 关键字,用于设置 CSS 属性为它的默认值

CSS initial 关键字 实例 设置 <div> 元素内的文本颜色为红色,但是为 <h1> 元素保持最初的颜色: div {color: red; }h1 {color: initial; } 浏览器支持 除了 Internet Explorer,其他的主流浏览器都支持 initial 关键字. Opera 15 之前的版本不支持 initial 关键字. 定义和用法 initial 关键字用于设置 CSS 属性为它的默认值. initial 关键字可用于任何 HTML 元素

jquery动画控制非css属性

JQuery的animate()方法可以通过渐变的更改CSS属性来实现简单的动画效果, 比如 1 $("#box").animate({height:"300px"},3000); 可以控制id为box的标签在3秒内将高度更改到300px.那么如果想要控制非CSS属性呢,比如说针对一些WebGl中的动画控制,如果使用setInterval倒是可以实现效果,但是太过麻烦.这个时候就可以使用animate方法,生成递进的值,自己获取值来控制一些非CSS属性,比如: //

当一个CSS属性在测试中的时候,是用不同浏览器的识别码做前缀的。

//-ms代表[ie]内核识别码 //-moz代表火狐[firefox] //-webkit代表谷歌[chrome]/苹果[safari] //-o代表欧朋[opera] 在标准还未确定时,部分浏览器已经根据最初草案实现了部分功能, 为了与之后确定下来的标准进行兼容,所以每种浏览器使用了自己的私有前缀与标准进行区分, 当标准确立后,各大浏览器将逐步支持不带前缀的css3新属性. 详细的浏览器内核区别: Gecko内核,css前缀为"-moz-",火狐浏览器 WebKit内核,css前缀

Jq 去掉一个CSS属性

x 我想将div中的style中的一个属性修改一下,比如,将color由red修改为blue: <div id="test" style="color:red;display:block;"> I am demo Only ... </div> 有人说CSS...↓ $('#test').css('display', 'initial'); 有人说attr...↓ $("#test").attr("style&q

jquery学习 - jquery选择孩子元素和个数/获取css属性

选择器 选择孩子元素和css属性 获得孩子元素的个数 选择器 jquery的选择器很强大,可以的话,能用jquery的时候,真的是非常方便. 选择孩子元素和css属性 先看下面的代码: SelectColor = $(ColorId).children('svg').children('rect').css('fill'); 这个代码很容易懂.首先: ColorId = $("#id"); svg是一个子元素的标签. rect是svg下的子元素 fill是rect的一个css属性 可以

jQuery操作CSS属性的相关方法

1.前言 jQuery提供了以下几种操作DOM元素CSS样式的方法,包括直接访问.修改DOM元素的class属性值,还提供了访问.修改DOM元素内联CSS属性值的方法,除此之外还提供了大量直接访问.修改DOM元素大小和位置的方法. jQuery提供的操作CSS属性的相关方法如下. 1)        addClass(class):将指定的CSS定义添加到jQuery对象包含的所有DOM对象上. 2)        hasClass(class):判断该jQuery对象是否包含至少一个具有指定C

JS里引用CSS属性时候的命名

????如果JS代码中设置<p>元素的另一个CSS属性font-family.这个属性的获取方式与color属性略有不同,因为 font和family之间的连字符与JS中减法操作符相同,JS会把它解释为减号.如果你像下边这样访问名为 font-family 的属性,会收到一条出错信息: ????Element.style.font-family ????JS将减号前边的内容解释为"元素的style属性的font属性",把减号后的内容解释为一个名为family的变量,将整个表

javascript操作html元素CSS属性

下面先记录一下JS控制CSS所使用的方法. 1.使用javascript更改某个css class的属性... <style type="text/css"> .orig { display: none; } </style> 你想要改变把他的display属性由none改为inline. 解决办法: 在IE里: document.styleSheets[0].rules[0].style.display = "inline"; 在firef

原生JS的使用,包括jquery和原生JS获取节点、jquery和原生JS修改属性的比较

一.前言 相比于JS这条直达终点.满是荆棘的小路,jquery无疑是康庄大道了,足够的简洁.易用给了它辉煌的地位.然而,毕竟是绕着道的插件,当小路走着走着变成大路的时候,曾经的大路也就失去了他自身的优势了. 原生JS虽然没有jquery那么的好用.便捷,或者说没有jquery那样让我们使用的如此顺手,甚至是无法舍弃的依赖.可是我们依然不得不扔掉手中这根陪伴我们多年的拐杖,我们不是瘸子,我们不曾腐朽,我们还可以独立前行. 二.正文 1. jquery和原生JS获取节点的比较 //这是HTML代码,