1.使用框架：查找框架中的二级菜单组建,7、预览如图当点击隐藏按钮,5、用jquery创建点击事件,6、用jquery创建点击事件,慢慢下拉的菜单怎么做这个效果你可以通过2中途径实现,p内容隐藏,p内容隐藏,点击隐藏按钮。
网页制作，慢慢下拉的菜单怎么做
这个效果你可以通过2中途径实现，使用框架或者是使用JavaScript代码。
1.使用框架：查找框架中的二级菜单组建，如Bootstrap中的导航条中的二级菜单。下面的是一个二级下拉菜单的例子
《nav class=“navbar navbar-default“》 《div class=“collapse navbar-collapse“ id=“bs-example-navbar-collapse-1“》 《ul class=“nav navbar-nav“》 《li class=“active“》《a href=“#“》Link 《span class=“sr-only“》(current)《/span》《/a》《/li》 《li》《a href=“#“》Link《/a》《/li》 《li class=“dropdown“》 《a href=“#“ class=“dropdown-toggle“ data-toggle=“dropdown“ role=“button“ aria-haspopup=“true“ aria-expanded=“false“》Dropdown 《span class=“caret“》《/span》《/a》 《ul class=“dropdown-menu“》 《li》《a href=“#“》Action《/a》《/li》 《li》《a href=“#“》Another action《/a》《/li》 《li》《a href=“#“》Something else here《/a》《/li》 《li role=“separator“ class=“divider“》《/li》 《li》《a href=“#“》Separated link《/a》《/li》 《li role=“separator“ class=“divider“》《/li》 《li》《a href=“#“》One more separated link《/a》《/li》 《/ul》 《/li》 《/ul》 《/div》《!-- /.navbar-collapse --》 《/div》《!-- /.container-fluid --》《/nav》详细内容参见
《script》//ID menu是点击的以及菜单，触发的是点击事件，当然可以换成hover事件，ID submenu是二级菜单层。$(“#menu“).click(function(){ $(“#submenu“).slideToggle();});《/script》slideToggle()请参考
jquery slideup slidedown问题
兄弟，下次执行前先加stop结束动画可以解决，如下：-----------------------------------------------$(“#t“).mouseover(function(){ $(“#top“).stop(true,true).slideToggle(); });
jquery怎么实现从右到左滑出来的效果
引入jquery.js，复制以下代码，即可运行
1，《style type=“text/css“》
2，.slide {
3，position: relative;
4，height: 200;
5，lightyellow;
6，}
7 ，
8，.slide .inner {
9，position: absolute;
10，left: 0;
11，bottom: 0;
12，height: 100;
13，lightblue; ,
14，width: 100%
15，}
16，《/style》
1、slidetoggle() 交替slidedown(),slideup()
Html代码
《div id=“slidebottom“ class=“slide“》
《button》
slide it
《/button》
《div class=“inner“》
Slide from bottom
《/div》
《/div》
Js代码
$(’#slidebottom button’).click(function() {
$(this).next().slideToggle();
});
2、左侧横向交替滑动 Animate Left
Html代码
《div id=“slidewidth“ class=“slide“》
《button》
slide it
《/button》
《div class=“inner“》
Slide from bottom
《/div》
《/div》
Js代码
$(“#slidewidth button“).click(function(){
$(this).next().animate({width: ’toggle’});
});
3、左侧横向交替滑动 Animate Left Margin （非隐藏）
Html代码
《div id=“slideleft“ class=“slide“ style=“width: 50%;float: right“》
《button》
slide it
《/button》
《div class=“inner“》
Slide from bottom
《/div》
《/div》
Js代码
$(“#slideleft button“).click(function(){
var $lefty = $(this).next();
$lefty.animate({
left:parseInt($lefty.css(’left’),10)==0 ? -$lefty.outerWidth() : 0
});
});
4、右侧横向滑动Slide to right
Html代码
《div id=“slidemarginleft“ class=“slide“ style=“width: 60%;float: left“》
《button》
slide it
《/button》
《div class=“inner“》
Slide from bottom
《/div》
《/div》
Js代码
$(“#slidemarginleft button“).click(function(){
var $marginlefty = $(this).next();
$marginlefty.animate({
marginLeft:parseInt($marginlefty.css(’marginLeft’),10)==0 ? $marginlefty.outerWidth() : 0
});
});
jQuery实现多个li点击切换和显示隐藏
1、新建HTML文件。
2、引入jquery.min.js文件。
3、创建HTML内容。
4、预览效果如图。
5、用jquery创建点击事件，点击隐藏按钮，p内容隐藏。
6、用jquery创建点击事件，点击显示按钮，p内容显示。
7、预览如图当点击隐藏按钮，p内容隐藏。