<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 收起