<title>顶部定时折叠收起广告代码_js代码/<title>
<script>/<script>
.lrtk{ width:100%; height:250px; margin:0 auto; overflow:hidden; display:none; background:url(https://www.jsdaima.com/Upload/1434286356/big.jpg) no-repeat center top #7B010B; text-align:center; position:relative;}
.lrtk .link{ width:100%; height:250px; display:block; z-index:10;}
.lrtk .up{ display:block; width:120px; height:12px; background:url(https://www.jsdaima.com/Upload/1434286356/arrow.jpg) no-repeat left bottom; position:absolute; left:50%; bottom:0; z-index:20; margin-left:-60px;}
.lrtk .down{ display:block; width:120px; height:12px; background:url(https://www.jsdaima.com/Upload/1434286356/arrow.jpg) no-repeat left top; position:absolute; left:50%; top:88px; z-index:20; margin-left:-60px;}
$(function(){
//将内容插入到body开始处,页面加载完毕后自动展开
$('.lrtk').slideDown(1500,function(){
$('.lrtk').append(" ");
});
//设置延时函数
function adsUp(){
$('.lrtk').animate({
height:'100px'
},1000,function(){
$(this).find('.up').addClass('down').removeClass('up');
});
}
//五秒钟后自动收起
var t = setTimeout(adsUp,5000);
//点击收起
$('.lrtk a.up').live('click',function(){
clearTimeout(t);
$('.lrtk').animate({
height:'100px'
},function(){
$(this).find('.up').addClass('down').removeClass('up');
});
});
//点击下拉
$('.lrtk a.down').live('click',function(){
$(this).css({
opacity:'0',
filter:'alpha(opacity=0)'
});
$('.lrtk').animate({
height:'250px'
},function(){
$(this).find('.down').addClass('up').removeClass('down').css({opacity:'1',filter:'alpha(opacity=100)'});
});
});
});
"閱讀更多 火愛 的文章
關鍵字: 定时 JavaScript 收起