28、Jquery页面效果

<input type="button" value="点击" id="btn" /><div id="ts">这是一个提示</div>

$("#ts").show(); //如果这个元素是隐藏的 则将其显示

$("#ts").show(400); //参数毫秒

$("#ts").show(400,function(){    alert("执行完毕");    //其他代码});

$("#ts").hide(); //将元素立即隐藏$("#ts").hide(400); //将元素缓慢隐藏 参数毫秒$("#ts").hide(400,function(){    alert("执行完毕");});

$("#btn").click(function(){    $("#ts").toggle(400,function(){        console.log("点击了一次");    });});

$("#ts").slideDown(); //从上到下 滑动显示 滑动show

$("#btn").click(function(){    $("#ts").slideUp(400);});

$("#btn").click(function(){    $("#ts").slideToggle(400,function(){        console.log("点击了一次");    });});

$("#btn").click(function(){    $("#ts").fadeTo(400,0.3);//渐变到给定的透明值（0~1）});

$("#ts").CSS("border","1px dashed #000").         css("width","100px").         animate({ //操作css样式 逐渐变为该样式 样式名称Camel 命名法paddingLeft 不是padding-left            width:$(window).width() - 100,            height:$(window).height() - 100        },1000);

$("#btn").click(function(){    $("#ts").stop(); //立即停止动画    $(":animated").stop(); //停止所有动画});

$("#btn").mouSEOver(function(){    $("#ts").animate({marginLeft:"1000px"},1000);}).mouseout(function(){    $("#ts").animate({marginLeft:"0px"},1000);});

$.fx.off=true; //全局属性 禁用所有动画 false为启动$("ts").hide();