jQuery在首页顶部实现可伸缩的广告特效代码

特效介绍

麦包首页顶部的广告码模仿麦包首页顶部的伸缩广告jQuery广告码。页面加载后，2.5秒后广告显示自动放大，页面内容自动向下延伸。8.5秒后自动缩回显示屏，并缩小显示屏。

演示图

施用方式

1.将以下CSS样式复制到html的标题中：复制代码如下： link rel=style sheet type=text/CSS href=' CSS/style . CSS '

2.将以下代码复制到整个页面的顶部，即正文的下方。

DIV style=' MARGIN: 0px auto宽度： 960 px；display : block ' id=js _ ads _ banner _ top A href='/' target=_ blank img src=' http : images/banner _ s . jpg ' width=960 height=70/A/div div style=' margin 3360 0px auto；宽度： 960 px；display : none ' id=js _ ads _ banner _ top _ slide A href='/' target=_ blank img src=' http : images/banner _ b . jpg ' width=960 height=400/A/Divscript type=text/JavaScript src=' http 3360 jquery/jquery-1 . 8 . 3 . min . js '/script script type=text/JavaScript src=' http 3360 js/js

If ($ ('# js _ ads _ banner _ top _ slide ')。length){//判断当前广告是否投放，如果没有，执行以下代码var $ slide banner top=$(' # js _ ads _ banner _ top _ slide ')，$ banner top=$(' # banner _ slide ')setTimeout(function(){ $ banner top . slide up(1000)；$ slide banner top . slide down(1000)；},2500);//2500毫秒(2.5秒)后，小广告缩回，大广告伸出。执行时间为1秒(1000毫秒)。SetTimeout(函数(){$ slidebannertop。向上滑动(1000)；});},8500);//8.5秒(8500毫秒)后，大广告收回，小广告展开。}下载本网站的演示地址

以上就是本文的全部内容，希望大家喜欢。