演示代码:
测试 测试div
打开
这是一些测试内容
测试div
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]
核心代码:
复制代码 代码如下:
$(function(){
//标题层的高度--提示打开或关闭
var titheight=$(#dittitle).height();
//内容层的高度
var conheight=$(#divcontent).height();
//打开或关闭
$(#close).toggle(function(){
//改变提示
$(#close).text(关闭);
//动画--一秒内消息层高度增加,top增加
$(#msgdiv).animate({height:titheight+conheight},1000,function(){
//展开后执行的函数
});
},function(){
//改变提示
$(#close).text(打开);
//alert(temp+ +titheight);
$(#msgdiv).animate({height:titheight},1000,function(){
//关闭后执行的函数
});
})
//执行
var mytimer,i=8;
function starfun()
{
//触发click事件,显示
if(i==4)
{
$(#close).click();
}
//清除timeout,触发click事件,关闭层
if(i==0)
{
window.cleartimeout(mytimer);
if($(#close).text()!=打开)
$(#close).click();
}
mytimer=window.settimeout(starfun,1000);
i=i-1;
}
starfun()
});
经测试ie6不可运行，鉴于当前使用ie6的中国用户比较多，建议大家学习，不建议使用。