博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

jquery样式表和效果

Posted on 2017-07-13 15:14  开飞机的贝塔  阅读(117)  评论(0编辑  收藏  举报
$("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");