瓦窑源码 快速建站好帮手
客服QQ客服QQ 微信号微信号

jQuery制作的首页大图广告展示特效代码

特效介绍

这套jQuery制作的首页大图广告展示特效代码,是一般大型的门户网站在网站首页顶部总会展现一个大幅的广告,几秒钟后消失,但仍会弹出一个新的图片,非常的实用,推荐给大家。

使用方法:

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
function AdvClick(){
    var a=1500;
    var b=3*1000;
    $(".dt_toSmall").click(function(){
        $(".dt_small").delay(a).slideDown(a);
        $(".dt_big").stop().slideUp(a);
        $(".dt_toSmall").stop().fadeOut(0);
        $(".dt_toBig").delay(a*2).fadeIn(0)
    });$
    (".dt_toBig").click(function(){
        $(".dt_big").delay(a).slideDown(a);
        $(".dt_small").stop().slideUp(a);
        $(".dt_toBig").stop().fadeOut(0);
        $(".dt_toSmall").delay(a*2).fadeIn(0)
    })
}

function AdvAuto(){
    if($(".dt_big").length>0){
        var a=1500;
        var b=3*1000;
        $(".dt_big").delay(b).slideUp(a,function(){
            $(".dt_small").slideDown(a);
            $(".dt_toBig").delay(a).fadeIn(0)
        });
        $(".dt_toSmall").delay(b).fadeOut(0)
    }
}
</script>
<script type="text/javascript">
$(document).ready(function(){
    AdvClick();
});
//顶部通览可展开收起效果
if($("#actionimg").length>0){    
    $("#actionimg").onload=AdvAuto();
}
</script>

广告代码,广告展示代码

TAG标签:广告代码 广告展示代码

上一个:jQuery制作橘黄色的可关闭全屏广告代码
下一个:jQuery打造网页顶部展现FLASH定时广告

免责声明:本站模板均来自用户分享和网络收集,仅供学习研究,请勿用于商业用途,若损害您的权益,请联系网站客服,核实后立即删除。
  • 信息来源:瓦窑源码
  • 发布时间:2021-02-23
  • 阅读人数:

瓦窑源码专注织梦网站源码与静态模板分享,提供织梦模板,dedecms模板,织梦企业源码,dedecms商业源码和织梦免费模板下载

织梦源码 - 织梦模板 - 网页素材 - 织梦教程 - 站长学院 - 热门排行 - Tags标签 - 网站地图 - 免责声明

Copyright©2021 瓦窑源码 Why114.COM 版权所有 鲁ICP备20017802号-2

客服QQ:1847629575 微信号:qilujianzhan

展开