仿酷狗首页六屏js图片切换广告代码分享

7个月前 (04-17 16:30)阅读回复0
大陆
大陆
  • 管理员
  • 发消息
  • 注册排名1
  • 经验值5294
  • 级别管理员
  • 主题1058
  • 回复2
楼主

这个是仿酷狗首页六屏js图片切换广告代码,在窗口的左边带图片箭头指向,自定义图片数量和滚动切换速度。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="武鸣人网站,武鸣信息网,武鸣本地网,武鸣信息资源平台,减肥,健身,励志,励志语录,js特效,网页特效,www.wuming.ren">
<meta name="description" content="欢迎来到武鸣人信息资源平台,各种信息免费发布,资源共享合作共赢,分享互联网流行的励志语录经典短句,减肥健身健康小常识及打卡记录,收集各种js特效代码。">
<title>仿酷狗首页六屏js图片切换广告代码分享_武鸣人</title>
<style type="text/css">
@charset "utf-8";*{padding:0;margin:0;list-style:none;}body{font-size:12px;background:#f2f2f2 top center no-repeat;height:165px;color:#666;font-family:Arial,Helvetica,sans-serif;}fieldset,iframe,img{border:0;}a{color:#0075a9;text-decoration:none;}a:hover{color:#f60;text-decoration:none;}#banner_www_wuming_ren{width:950px;margin:0 auto;}#banner_www_wuming_ren .con_wwwwumingren{width:950px;height:300px;background:url(/img/20240417_www_wuming_ren_1.gif) repeat;position:relative;}#banner_www_wuming_ren .www__wuming__ren{width:577px;position:absolute;top:4px;left:133px;z-index:10;}#banner_www_wuming_ren .www__wuming__ren .box_www_wuming_ren{width:564px;height:293px;position:relative;left:4px;top:-1px;}#banner_www_wuming_ren .show_www_wuming__ren{width:562px;height:291px;_background:#000;filter:progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=100,finishOpacity=3);position:absolute;top:4px;left:133px;z-index:1;}#banner_www_wuming_ren .www_wuming_ren_2011{position:absolute;right:18px;top:5px;width:228px;height:63px;background:url(/img/20240417_www_wuming_ren_2.png) no-repeat 0 0;}#banner_www_wuming_ren .downloadButton{position:absolute;right:28px;top:75px;width:197px;height:69px;background:url(/img/20240417_www_wuming_ren_2.png) no-repeat -16px -89px;}#banner_www_wuming_ren .downloadButton a{display:block;height:69px;}#banner_www_wuming_ren .words{font-size:12px;line-height:20px;position:absolute;width:197px;right:28px;top:155px;z-index:40;}#banner_www_wuming_ren .words a{color:#fff;text-decoration:none;}#banner_www_wuming_ren .words a:hover{text-decoration:underline;}#banner_www_wuming_ren .findwwwwumingren{position:absolute;width:130px;height:51px;background:url(/img/20240417_www_wuming_ren_2.png) no-repeat -98px -163px;right:15px;top:240px;z-index:30;}#banner_www_wuming_ren .titlelist{position:absolute;left:0;top:8px;z-index:40;width:166px;}#banner_www_wuming_ren .title{width:157px;height:37px;padding:5px 0 5px 9px;overflow:hidden;color:#fff;cursor:pointer;}#banner_www_wuming_ren .title span{display:block;overflow:hidden;word-break:break-all;border-bottom:1px solid #a7c1d3;width:120px;height:38px;}#banner_www_wuming_ren .title span.nobd{border-bottom:none;}
</style>
</head>
<body>
<a href="https://www.wuming.ren">武鸣人</a>,各种信息资源免费发布,分享励志语录经典短句,减肥健身常识,各种js特效代码。网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)<hr>
<!--欢迎来到武鸣人信息资源平台,各种信息免费发布,资源共享合作共赢,分享互联网流行的励志语录经典短句,减肥健身健康小常识及打卡记录,收集各种js特效代码。-->
<script type="text/javascript" src="https://www.wuming.ren/ad/tc.js"></script>
<script type="text/javascript" src="https://www.wuming.ren/ad/a.js"></script>
<div id="banner_www_wuming_ren">
<div class="con_wwwwumingren">
  <div class="show_www_wuming__ren"></div>
     <div id="top_wwwwumingren_1" style=""  class="www__wuming__ren">  
      <div class="box_www_wuming_ren"><a href='https://www.wuming.ren' onclick='sdnClick(9991);'  target="_blank"><img src='/img/20240417_www_wuming_ren_3.jpg' width="564" height="293" alt='酷狗音乐2011' /></a></div>    
  </div>
  
      <div id="top_wwwwumingren_2" style="visibility:hidden;" class="www__wuming__ren">
   
      <div class="box_www_wuming_ren">
        <a href='https://www.wuming.ren' onclick='sdnClick(9992);'  target="_blank"><img src='/img/20240417_www_wuming_ren_4.jpg' width="564" height="293" alt='猜你喜欢' /></a>
      </div>
    
  </div>
  
      <div id="top_wwwwumingren_3" style="visibility:hidden;" class="www__wuming__ren">
   
      <div class="box_www_wuming_ren">
        <a href='https://www.wuming.ren' onclick='sdnClick(9993);'  target="_blank"><img src='/img/20240417_www_wuming_ren_5.jpg' width="564" height="293" alt='随便听听' /></a>
      </div>
    
  </div>
  
      <div id="top_wwwwumingren_4" style="visibility:hidden;" class="www__wuming__ren">
   
      <div class="box_www_wuming_ren">
        <a href='https://www.wuming.ren' onclick='sdnClick(9994);'  target="_blank"><img src='/img/20240417_www_wuming_ren_6.jpg' width="564" height="293" alt='海量免费高清MV' /></a>
      </div>
    
  </div>
  
      <div id="top_wwwwumingren_5" style="visibility:hidden;" class="www__wuming__ren">
   
      <div class="box_www_wuming_ren">
        <a href='https://www.wuming.ren' onclick='sdnClick(9995);'  target="_blank"><img src='/img/20240417_www_wuming_ren_7.jpg' width="564" height="293" alt='酷狗收音机' /></a>
      </div>
    
  </div>
  
      <div id="top_wwwwumingren_6" style="visibility:hidden;" class="www__wuming__ren">
   
      <div class="box_www_wuming_ren">
        <a href='https://www.wuming.ren' onclick='sdnClick(9996);'  target="_blank"><img src='/img/20240417_www_wuming_ren_8.jpg' width="564" height="293" alt='手机酷狗3.0' /></a>
      </div>
    
  </div>
  
 <div class="titlelist">
  
  <div id="top_button_1" class="title" style="background:url(/img/20240417_www_wuming_ren_9.png) no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/20240417_www_wuming_ren_9.png' ,sizingMethod='crop'); font-size:13px;"><span style="border:none">酷狗音乐2011<br />听音乐,找酷狗</span></div>
  
  <div id="top_button_2" class="title" ><span>猜你喜欢<br />个性化歌曲推荐</span></div>
  
  <div id="top_button_3" class="title" ><span>随便听听<br />音乐频道随心换</span></div>
  
  <div id="top_button_4" class="title" ><span>海量免费高清MV<br />更清晰更流畅</span></div>
  
  <div id="top_button_5" class="title" ><span>酷狗收音机<br />重新认识电台魅力</span></div>
  
  <div id="top_button_6" class="title" ><span>手机酷狗3.0<br />无线音乐新序章</span></div>
  
</div>
 
    <div class="www_wuming_ren_2011"></div>
    <div class="downloadButton"><a  href="https://www.wuming.ren"  title="马上下载酷狗2011" onclick="sdnClick(9298);" ></a></div>
    <ul class="words">
     
 <li><a href="https://www.wuming.ren"  target="_blank"  onclick='sdnClick(9298);'><img src="/img/20240417_www_wuming_ren_10.gif" border="0" alt="" />酷狗音乐360安全版</a></li>
 <li><a href="https://www.wuming.ren"  target="_blank"  onclick='sdnClick(10134);'><img src="/img/20240417_www_wuming_ren_10.gif" border="0" alt="" />手机酷狗3.0版</a></li>
 <li><a href="https://www.wuming.ren" style='background: url("/img/20240417_www_wuming_ren_11.gif") no-repeat scroll right center transparent; padding: 0px 34px 0px 0px;' target="_blank" ><img src="/img/20240417_www_wuming_ren_10.gif" border="0" alt="" />酷狗网络收音机</a></li>
 <li><a href="https://www.wuming.ren"  target="_blank"  onclick='sdnClick(9357);'><img src="/img/20240417_www_wuming_ren_10.gif" border="0" alt="" />酷狗音乐2011极速版(887KB)</a></li>
 <li><a href="https://www.wuming.ren"  target="_blank" ><img src="/img/20240417_www_wuming_ren_10.gif" border="0" alt="" />酷狗叮咚</a></li>
  
    </ul>
    <div class="findwwwwumingren"></div>
</div>
</div>
<script type="text/javascript">
if(typeof($)=="undefined"){$=function(b){return document.getElementById(b)}}if(typeof($C)=="undefined"){$C=function(f,e){var d=document.body;if(e!=undefined){d=$(e)}s=d.getElementsByTagName("*");arr=[];for(i=0;i<s.length;i++){if(s[i].className==f){arr.push(s[i])}}return arr}}if(typeof($T)=="undefined"){$T=function(e,d){var f=document.body;if(d!=undefined){f=$(d)}s=f.getElementsByTagName(e);arr=[];for(i=0;i<s.length;i++){arr.push(s[i])}return arr}}if(typeof($A)=="undefined"){$A=function(d){var e=[];for(var f=0;f<d.length;f++){e.push(d[f])}return e}}var kg={fnTrue:function(){return true},fnFalse:function(){return false},Browser:{navigator:window.navigator,ie:!!(window.attachEvent&&!window.opera),opera:!!window.opera,safari:navigator.userAgent.indexOf("AppleWebKit/")>-1,moz:navigator.userAgent.indexOf("Gecko")>-1&&navigator.userAgent.indexOf("KHTML")==-1}};var change_www_wuming_ren=function(b,c,d){this.name=b;this.splittime=c;this.count=d;this.now=1;this.timeid1=null;this.timeid2=null;this.curOpac=0;this.ini=true;var a=this;this.stop=function(){window.clearInterval(a.timeid1);a.timeid1=null;window.clearInterval(a.timeid2);a.timeid2=null};this.run=function(){if(a.ini){for(i=0;i<a.count;i++){$(a.name+"_button_"+(i+1)).onmouseover=function(){var e=this.id.split("_")[2];for(var f=1;f<=a.count;f++){var g=$("top_button_"+f);g.style.background="none";g.style.fontSize="12px";g.style.filter="";g.childNodes[0].style.borderBottom="1px solid #a7c1d3"}this.style.background="url(/img/20240417_www_wuming_ren_9.png) no-repeat";if(document.all&&!window.XMLHttpRequest){this.style.background="none";this.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/20240417_www_wuming_ren_9.png')"}this.style.fontSize="13px";this.childNodes[0].style.borderBottom="none";$(a.name+"_wwwwumingren_"+a.now).style.zIndex="1";$(a.name+"_wwwwumingren_"+a.now).style.visibility="hidden";a.stop();$(a.name+"_wwwwumingren_"+e).style.visibility="visible";if(kg.Browser.ie){}else{$(a.name+"_wwwwumingren_"+e).style.opacity=1}$(a.name+"_wwwwumingren_"+e).style.zIndex="2";a.now=parseInt(e)};$(a.name+"_button_"+(i+1)).onmouseout=function(){a.run()}}a.ini=false}if(a.timeid1==null){a.timeid1=setInterval(a.ChangeImg,a.splittime)}};this.ChangeImg=function(){if(a.now>=a.count){a.now=0}a.TopPanelChanged();if(a.timeid2==null){a.timeid2=setInterval(a.DivFilter,100)}};this.DivFilter=function(){var g=$(a.name+"_wwwwumingren_"+a.now);var f=$(a.name+"_wwwwumingren_"+(a.now+1));var e=$(a.name+"_wwwwumingren_"+a.count);f.style.visibility="visible";if(a.now==0){e.style.zIndex="1"}else{g.style.zIndex="1"}if(f.style.zIndex=="1"||f.style.zIndex==""){f.style.zIndex="2"}a.curOpac+=10;if(kg.Browser.ie){}else{f.style.opacity=a.curOpac/100}if(a.curOpac==100){a.curOpac=0;if(a.now==0){e.style.visibility="hidden"}else{g.style.visibility="hidden"}a.now++;if(a.now>=a.count){a.now=0}window.clearInterval(a.timeid2);a.timeid2=null}};this.TopPanelChanged=function(){for(var e=1;e<=a.count;e++){var f=document.getElementById("top_button_"+e);if(e==(a.now+1)){f.style.background="url(/img/20240417_www_wuming_ren_9.png) no-repeat";f.style.fontSize="13px";f.childNodes[0].style.borderBottom="none";if(document.all&&!window.XMLHttpRequest){f.style.background="none";f.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/20240417_www_wuming_ren_9.png')"}}else{f.style.background="none";f.style.fontSize="12px";f.style.filter="";f.childNodes[0].style.borderBottom="1px solid #a7c1d3"}}}};
//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)
var wwwwumingren = new change_www_wuming_ren("top", 6000, 6);
wwwwumingren.run();
</script>
</body>
</html>


0
0
收藏0

本文来自武鸣人网站,转载请注明出处

本文地址:https://www.wuming.ren/a/754.html

回帖

仿酷狗首页六屏js图片切换广告代码分享 期待您的回复!

取消
载入表情清单……
载入颜色清单……
插入网络图片

取消确定

图片上传中
编辑器信息
提示信息