$("p").css({ "color": "#ff0011", "background": "blue" }); /*设置p元素的color、background样式属性*/

 样式操作其他并不常用,所以仅介绍上面一个。

下面来看看效果:

将隐藏的段落用将近4秒的时间显示出来。。。并在之后执行一个反馈。。。

<p style="display: none">Hello</p>

$("p").show(4000,function(){
   $(this).text("Animation Done...");
 });

 

用200毫秒将段落迅速隐藏,之后弹出一个对话框。

$("p").hide("fast",function(){
   alert("Animation Done.");
 });

 

用200毫秒快速将段落滑上或滑下,之后弹出一个对话框

$("p").slideToggle("fast",function(){
   alert("Animation Done.");
 });

 

用600毫秒缓慢的将段落淡入

$("p").fadeIn("slow");

 

相关文章: