自动收缩滚动最后消失的滑动广告代码

所属分类:Javascript, 网站建设 2009-10-13,09:23 940 views

该自动收缩滚动最后消失的滑动广告代码的特性

1.于网页顶部自动滚动弹出,一段时间后自动收缩至顶部并消失

2.兼容各大主流浏览器

3.使用方便简单,可定义滚动速度及广告显示时间。

4.此JS广告代码适用于大幅图片广告或者全屏广告

这个自动收缩滚动最后消失的滑动广告代码在网页中使用大致分为三个部分:

1.网页头部js调用代码

<script language=”javascript” src=”5.js”></script>

<script type=”text/javascript” language=”javascript”>

$(document).ready(function(){

setTimeout(function(){

$(”#main-box”).slideToggle(1000);

setTimeout(function(){$(”#main-box”).slideToggle(2000);},9000);

},2000);

});

</script>

2.网页头部定义的css样式

<style>

#main-box,.box-top{margin:0px auto;height: 1%;overflow: hidden;background:url(images/bg-x.png) repeat-x;}

#main-box .box-top{ display:block; overflow:hidden; height:527px; background:url(/images/guoqing.jpg) top center  no-repeat;}

</style>

3.网页主体的html广告代码

<div id=”main-box” style=”display:none;”>

<a class=”box-top” href=”#” target=”_blank” title=”三节同庆,裕湘医院体检不要钱,看病收半价!”></a>

</div>

下载之:自动收缩滚动最后消失的广告代码

1.网页头部信息
<script language=”javascript” src=”5.js”></script>
<script type=”text/javascript” language=”javascript”>
$(document).ready(function(){
setTimeout(function(){
$(”#main-box”).slideToggle(1000);
setTimeout(function(){$(”#main-box”).slideToggle(2000);},9000);
},2000);
});
</script>
2.网页头部定义的css样式
<style>
#main-box,.box-top{margin:0px auto;height: 1%;overflow: hidden;background:url(images/bg-x.png) repeat-x;}
#main-box .box-top{ display:block; overflow:hidden; height:527px; background:url(/images/guoqing.jpg) top center  no-repeat;}
</style>
3.网页主体的html广告代码
<div id=”main-box” style=”display:none;”>
<a href=”#” target=”_blank” title=”三节同庆,裕湘医院体检不要钱,看病收半价!”></a>
</div>

2 个评论 for "自动收缩滚动最后消失的滑动广告代码"

 

  1. 华晨 说:

    哇!很好很强大!下载学习了!感谢分享!

  2. 阿非 说:

    it’s my pleasure!

Leave a Reply