php首页顶部实现,jQuery实现首页顶部可伸缩广告特效代码_jquery
特效介绍麦包包首页顶部广告代码仿麦包包首页顶部伸缩广告jQuery广告代码。页面载入完成后,2.5秒后会自动放大广告显示,页面内容自动向下延伸。显示8.5秒后自动收回,放小显示。演示图使用方法1、把下面的CSS样式拷贝到您的html的头部:2、把以下代码拷贝到整个页面顶部,即的下面。3、js代码分析(js.js):if ($("#js_ads_banner_top_slide").length){
特效介绍
麦包包首页顶部广告代码仿麦包包首页顶部伸缩广告jQuery广告代码。页面载入完成后,2.5秒后会自动放大广告显示,页面内容自动向下延伸。显示8.5秒后自动收回,放小显示。
演示图

使用方法
1、把下面的CSS样式拷贝到您的html的头部:
2、把以下代码拷贝到整个页面顶部,即的下面。


3、js代码分析(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); //2500毫秒(2.5秒)后,小广告收回,大广告伸开,执行时间都是1秒(1000毫秒)
setTimeout(function(){$slidebannertop.slideUp(1000,function (){$bannertop.slideDown(1000);});},8500); //8.5秒(8500毫秒)之后,大广告收回,小广告展开。
}
以上所述就是本文的全部内容了,希望大家能够喜欢。
本文原创发布php中文网,转载请注明出处,感谢您的尊重!
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)