slidedo(Slidedownsnakes)
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
});
});
$('#accordion li').click(function(){})是什么意思？slideUp和slideDown作用
意思就是id为accordion的div（ul）下面的li点击执行的方法slideUp通过高度变化（向上减小）来动态地隐藏所有匹配的元素，在隐藏完成后可选地触发一个回调函数。slideDown通过高度变化（向下增大）来动态地显示所有匹配的元素，在显示完成后可选地触发一个回调函数。
所选元素执行slideDown与fadeout后display的属性是什么
所选元素执行slideDown与fadeout后display的属性是显示。
display属性为inline的元素被称为内连元素。
相邻元素也是inline属性时，如果内容不够撑开整行。
相邻元素的内容会显示在它傍边，当窗口整行不够显示时，内容会换行显示。
请问怎样做导航栏的下拉菜单？
一般来讲实现导航栏指定是采用绝对定位的方式。示例代码如下：
div class="nav"这里是导航所在的DIV容器。/div
CSS代码：
.nav{
position:fixed; /* 绝对定位，fixed是相对于浏览器窗口定位。 */
top:0; /* 距离窗口顶部距离 */
left:0; /* 距离窗口左边的距离 */
width:100%; /* 宽度设置为100% */
height:40px; /* 高度 */
z-index:99; /* 层叠顺序，数值越大就越高。页面滚动的时候就不会被其他内容所遮挡。 */
}
设置方式，原理及大致内容请看css代码注释。
网页弹窗代码
head
titlexxxxx/title
meta http-equiv="content-type" content="text/html; charset=gb2312" /
link href="css/css.css" rel="stylesheet" type="text/css" /
/head
body
script type="text/javascript" src=""/script
style
.tan{height:300px; background:url() no-repeat center;display:none;}
/style
script type="text/javascript"
window.onload=function(){setTimeout('dakai()',3000);} //打开页面后2秒显示出DIV
function dakai(){$(".tan").slideDown("slow");setTimeout('guanbi()',5000);}//显示出DIV后8秒关闭
function guanbi(){$(".tan").slideUp("slow");}
/script
style type="text/css"
#MyMoveAd {
text-align: center;
height: 0px;
background-color: #AC010A;
background-image: url(ad.jpg);
background-repeat: no-repeat;
background-position: center center;
display: block;
}
/style
/script
/body
网页出现：Null为空或不是对象错误
可能2个JS文件中的属性获取上存在冲突，，，
可能jqeury获取的属性，全局JS文件正在使用中，，，，
也许会出这样的问题，，，，，
所以感觉问题出在
＝＝＝＝
$(this).find('ul').slideDown("1000")
$(this).find('ul').slideUp("fast");
＝＝＝＝
这两句代码上，。，。。自己用这个方法在别的标签上试试