发布网友 发布时间:2022-05-15 22:29
共5个回答
懂视网 时间:2022-05-16 02:50
jQuery中的toggle和slideToggle 方法,都可以实现对一个元素的显示和隐藏。强大啊~
区别是:
toggle:动态效果为从右至左。横向动作。
slideToggle:动态效果从下至上。竖向动作。
so,比如想实现一个树由下至上收缩的动态效果,就使用slideToggle就ok了。
此外,toggle和slideToggle 还有一些参数可以设置,具体看jQuery的API就可以了~
toggle的用法:
<SCRIPT src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></SCRIPT> <SCRIPT LANGUAGE=" JavaScript "> $(function(){ $("#z").toggle( function(){ alert(1); }, function(){ alert(2); }, function(){ alert(3); } ); $("#x").click(function(){ $("#z").toggle( function(){ alert(1); }, function(){ alert(2); }, function(){ alert(3); } ); }); }) </SCRIPT> <p style=" width :100px; height :100px; background-color :red;" id="z"></p> <p style="width:100px; height:100px; background-color:blue;" id="x"></p>
slideToggle的用法:
<title></title> <script src="jquery-1.9.1.js" type="text/javascript"></script> <style type="text/css"> .imgclass { width: 300px; height: 300px; border: solid 1px red; } </style> <script type="text/javascript"> $(function () { $('#Button1').bind('click', function () { $('img').slideUp(2000); }); $('#Button2').bind('click', function () { $('img').slideDown(2000); }); $('#Button3').bind('click', function () { $('img').slideToggle(2000); }) }) </script> </head> <body> <p> <p> <input id="Button1" type="button" value="上拉" /><input id="Button2" type="button" value="下拉" /><input id="Button3" type="button" value="自动上拉下拉" /></p> <p> <img alt="" src="images/1.jpg" class="imgclass" /></p> </p> </body>
热心网友 时间:2022-05-15 23:58
jQuery就是一堆写好了功能的js代码,js敏感,jQuery当然也敏感来自:求助得到的回答热心网友 时间:2022-05-16 01:16
如果大写写成小写,会执行不了··热心网友 时间:2022-05-16 02:51
其实,这个你自己试一下就知道了。弱弱得说声,应该是说js是大小写敏感的。热心网友 时间:2022-05-16 04:42
js是区分大小写的,你可以多看看js的语法的知识。