tnjk.net
当前位置:首页 >> jquEry之 淡入淡出 >>

jquEry之 淡入淡出

没位移的话可以使用fadeIn()和fadeOut()方法,想有位移效果的可以使用slideUp()和slideDown()方法; 而且可以使用animate()方法自定义自己喜欢的效果

第一要引入jquery库 第二再代码外面加入一个:$(function(){ //点击事件代码放里面 })

RunJS 演示代码jQuery(function($){$("#id").html($("内容").fadeIn(3000));}); ss

方法/步骤 1 jQuery fadeIn() 用于淡入已隐藏的元素。 2 jQuery fadeOut() 方法用于淡出可见元素。 3 jQuery fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换 4 jQuery fadeTo() 方法允许渐变为给定的不透明度(值介于 0 与 1 ...

先给两个按钮一个id,如“显示”为btn1,“隐藏”为btn2,调用jquery自带方法: //淡入 $("#btn1").click(function () { $("#li").fadeIn(); }); //淡出 $("#btn2").click(function () { $("#li").fadeOut(); });

RunJS 演示代码 jQuery(function($){ $("#id").html($("内容").fadeIn(3000)); }); ss

测试 .divCss{ bottom:0; display:block; height:25px; overflow:hidden; padding:0; position:fixed; right:20px; } .contentCss{ background:#666; height:200px; width:200px; } .contentCssHeight{ } .titleCss{ width:200px; height:25px;...

直接在后面.fadeIn

设一个开关,控制切换动画,移入打开,移出关闭

addClass只能控制淡入和淡出,不能控制其速度。因为它相当于变量瞬间赋值。 如果用addClass现实就得用filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;写兼容样式 如果用animate()来完成就方便多了,不用考虑样式兼容问题。 animate({'...

网站首页 | 网站地图
All rights reserved Powered by www.tnjk.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com