网站制作学习网JS脚本→正文:jquery仿163下拉广告
字体:

jquery仿163下拉广告

JS脚本 2011/2/9 10:17:42  点击:不统计

http://%77w%77%2E%66%6F%72%61%73%70%2E%63n网站制作学习

jquery仿163下拉广告,打开网页,广告下拉下来,过5秒钟后自动关闭,显示出来重播按钮
广告显示代码
将这段广告显示放到页顶部
<div style="width:960; overflow:hidden; display:none;" id="2011"><a href = 'http://www.pdp.com.cn/news/21837.shtml' target = "_blank"><img src="../images/2011top.jpg" border = 0 width = "960"></a></div>

将下面代码放到引入jquery的页面中
<script language="javascript">
<!--
$(function(){   
    open_();
    $("body").append($("<div style='display:none;' id='chongbo'><a href='#' onclick='javascript:open_();'><font color='#ffffff'>重放</font></a></div>"));
 $("#chongbo").css({"position":"absolute","z-index": "999" })
 $("#chongbo").css("top",($("#2011").offset().top+10)+"px");//forasp.cn
 $("#chongbo").css("left",($("#2011").offset().left+970)+"px");
   setTimeout(close_,5000);
});
function close_(){
$("#2011").slideUp(2000);
setTimeout(function(){$("#chongbo").css("display","");},2000);
}
function open_(){
$("#chongbo").css("display","none");
$("#2011").slideDown(1000);
setTimeout(close_,5000);
}
-->
</script>

仿163广告,下拉广告代码,本forasp站原创


http://%77%77%77%2E%66网站制作%6F学习网%72%61%73%70%2E%63%6E

·上一篇:双图片渐隐渐显广告代码 >>    ·下一篇:当滚动条到图片才显示图片 >>
推荐文章
最新文章