jquery简单特效
原载于:转www.载for网站制作学习asp必.cn究
参考共用代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>jquery特效处理</TITLE>
<script language="javascript" src="jquery-1.4.2.min.js"></script>
<SCRIPT language="javascript">
$(function(){
<!--www.forasp.cn jquery代码区-->
});
</SCRIPT>
<BODY>
<div id="www" style="display:none;">网站制作学习网</div>
<div id="foraspcn" style="background-color: #f00;height=100;width:300;">jquery特效处理</div>
</BODY>
</HTML>
1.jquery的基本特效展示,比如显示,隐藏等.
(1).show();显示匹配的元素
jquery实例:$("#www").show();,这样第一个层就显示出来了.
(2).hide();隐藏匹配的元素.
jquery实例:$("#foraspcn").hide(); 第二个层就隐藏了
(3).show(speed, [callback]);以优雅的动画显示所有匹配的元素，并在显示完成后可选地触发一个回调函数。有speed参数和可选callback参数,speed表示显示的时间毫秒,后面的是可选函数.
$("#www").show(1000,function(){alert("回调函数");});这样1秒后第一个层显示全部,然后弹出"回调函数"对话框.speed,三种预定速度之一的字符串("slow", "normal", or "fast")分别是600ms,400ms和200ms
(4).hide(speed, [callback]);以优雅的动画隐藏所有匹配的元素，并在显示完成后可选地触发一个回调函数,参考上面的(3)
(5).toggle();切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。
在这里就不举例了.3w.foa($)sp.cn
(6).toggle(switch);根据switch参数切换元素的可见状态（ture为可见，false为隐藏）。switch可以用function()返回函数决定.
$("#foraspcn").bind("click",function(){$("#www").toggle(t++%2==0););测试以下看看是不是,隐藏显示相互交替
(7).toggle(speed, [callback]);一样的多了speed和callback函数.跟toogle()一样,不过多了时间和回调函数.不再加例子.
2.jquery的滑动特效
(1).slideDown(speed, [callback]);通过高度变化（向下增大）来动态地显示所有匹配的元素，在显示完成后可选地触发一个回调函数。回调函数是可选的,speed也有上面的三种预定速度,也可以是数值.
例子:$("#www").slideDown("slow");看看效果.
(2).slideUp(speed, [callback]);通过高度变化（向上减小）来动态地隐藏所有匹配的元素，在隐藏完成后可选地触发一个回调函数 同上不过是用来隐藏的
例子:$("#foraspcn").slideUp("slow");看看效果.
(3).slideToggle(speed, [callback]);设置时间来通过高度变化,切换触发显示隐藏.参数同上.
这里就不再举例了.
今天到这里,比较少,不过比较实用.
原载于:网f站o学a习s制p作.cn