头像

首页自动收缩全屏广告jQuery代码

2018-12-09 10:16:12 来源:PHP代码   浏览()   评论 ( 0 )   

一套使用jQuery 插件实现的广告特效代码,其效果类似全屏广告,打开网页后在网页的第一屏显示大幅广告,停留几秒后慢慢伸缩至标准小图片显示在网页预留位置上,效果非常不错,这里推荐给大家。

特效介绍

麦包包首页顶部广告代码仿麦包包首页顶部伸缩广告jQuery广告代码。页面载入完成后,2.5秒后会自动放大广告显示,页面内容自动向下延伸。显示8.5秒后自动收回,放小显示。

<DIV style="margin: 20px auto; width: 960px; display: block;" id="js_ads_banner_top"><A 
href="http://www.jb51.net/" target="_blank"><IMG src="index_files/banner_s.jpg" 
width="960" height="70"></A></DIV>
<DIV style="margin: 0px auto; width: 960px; display: none;" id="js_ads_banner_top_slide"><A 
href="http://www.jb51.net/" target="_blank"><IMG src="index_files/banner_b.jpg" 
width="960" height="400"></A></DIV>
<SCRIPT type="text/javascript" src="index_files/jquery.min.js"> </SCRIPT>
<SCRIPT type="text/javascript" src="index_files/js.js"> </SCRIPT>

js.js

//顶部伸展广告

if ($("#js_ads_banner_top_slide").length){
var $slidebannertop = $("#js_ads_banner_top_slide"),$bannertop = $("#js_ads_banner_top");
setTimeout(function(){$bannertop.slideUp(1000);$slidebannertop.slideDown(1000);},2500);
setTimeout(function(){$slidebannertop.slideUp(1000,function (){$bannertop.slideDown(1000);});},8500);
}


标签: JavaScript
声明:转载请注明来源(PHP代码)并保留原文链接:https://www.phpdaima.com//master-125.html
广告不存在
评论0

后面还有条评论,点击查看>>

温馨提示:为规范评论内容,垃圾评论一律封号...