jquery实现可展开收缩的首页大图广告展示方式泰山压顶代码 V2.0-白红宇

jquery实现可展开收缩的首页大图广告展示方式泰山压顶代码 V2.0

阅读量：7028 次

发布时间：2019-06-28

本文共 1363 字，大约阅读时间需要 4 分钟。

把代码做成js网站进行统一调用

if (typeof jQuery == 'undefined') { document.writeln(''); } else { // jQuery 已加载 }  //泰山压顶主要js代码 document.writeln(' ');

top.js代码为：

document.writeln('
     
      ');document.writeln('
      
       ');document.writeln('
       
');document.writeln('
        
      
');document.writeln('
      
       ');document.writeln('
       
');document.writeln('
        
      
');document.writeln('
     
'); 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)    }}$(document).ready(function(){    AdvClick();}); //顶部通览可展开收起效果 if($("#actionimg").length>0){        $("#actionimg").οnlοad=AdvAuto();}