四屏焦点图定时切换广告代码

1个月前 (04-18 13:31)阅读33回复0
大陆
大陆
  • 管理员
  • 发消息
  • 注册排名1
  • 经验值5074
  • 级别管理员
  • 主题1014
  • 回复2
楼主

多屏焦点图定时切换广告代码特效分享,在窗口的底部显示图片编号,可点击编号立即切换显示,根据自己需求来自定义图片数量和切换速度。

<html>
<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>四屏焦点图定时切换广告代码_武鸣人</title>
</head>
<style type="text/css">
*{margin:3;padding:0;font-size:13px;}
body{
 font-size:12px;
 color:#333333;
 text-align:center;
 font-family:'宋体',arial,verdana,sans-serif;
 margin-top: 8px;
}
body *{text-align:center;}
.font14{font-size:14px;}
select{font-family: Times New Roman,arial,verdana,sans-serif;}
table{ border-collapse:collapse;}
img{border:0;}
ul{list-style-type:none;}
.clear{clear: both;height:0;line-height:0px;font-size:14px;}
.center{text-align:center;}
.mleft0{margin-left:0px !important;}
.mtop0{margin-top:0px !important;}
.strong{font-weight: bold;}
.sb{color:#009A91;font-weight: bold;}
/*头部*/
#i_photo_index{width:258px;height:256px;text-align:center;}
#i_photo_index a.i_photo_a{height:180px;text-align:center;margin-left:8px;}
#i_photo_index a.i_photo_a img{margin-top:10px;}
#i_photo_index h1{margin-top:0 !important;margin-top:4px;margin-top /**/:2px;height:28px;line-height:28px;text-align:center;}
#i_photo_index h1 a{font-size:18px;font-weight:normal;font-family:"黑体",arial,verdana,sans-serif;}
#i_photo_index p{width:96%;margin:0 2%;line-height:20px;text-align:left;text-indent:2em;}
#i_photo_index p span{margin-right:30px !important;margin-right /**/:0px;}
a:link {
 color: #333333;
 text-decoration: none;
}
a:visited {
 color: #333333;
 text-decoration: none;
}
a:hover {
 color: #FF6600;
 text-decoration: underline;
}
#i_photo img{margin-left:0px;}
.i_link2 a{float:center;margin:2px;padding:2px 0;display:blcok;height:22px;line-height:22px;}
#index_page{float:right;display:block;height:16px;padding:1px 0;margin-right:4px;}
#index_page *{float:left;display:inline;line-height:16px;border:1px solid #B6CFCD;text-align:center;padding:0;margin:0 2px;}
#index_page strong{background:#009A91;color:#fff;width:16px;}
#index_page span{color:#009a91;padding:3px 0 0 0;border:0;cursor:pointer;}
#index_page a{width:16px;color:#009A91;text-decoration:none;}
body,td,th {
 font-size: 12px;
}
a {
 font-size: 16px;
}
a:active {
 text-decoration: none;
}
.jdt {
 border: 1px solid #CCCCCC;
}
</style>
<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>
<table width="200" border="0" align="center" cellpadding="0" cellspacing="0" class="jdt">
  <tr>
    <td><script language="javascript" type="text/javascript">
//<![CDATA[
var _t1 = 0; //打开页面时等待图片载入的时间,单位为秒,可以设置为0
var _t2 = 5; //图片轮转的间隔时间
var _tnum = 4; //焦点图个数
var _tn = 1;//当前焦点
var _tl =null;
_tt1 = setTimeout('change_img_wuming_ren()',_t1*1000);
function change_img_wuming_ren(){
setFocus(_tn);
_tt1 = setTimeout('change_img_wuming_ren()',_t2*1000);
}//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)
function setFocus(i){
if(i>_tnum){_tn=1;i=1;}
_tl?document.getElementById('pic_wwwwumingren'+_tl).style.display='none':'';
document.getElementById('pic_wwwwumingren'+i).style.display='block';
_tl=i;
_tn++;
}//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)
//]]>
</script>
<!--焦点图1开始 标题13字 说明30个字-->
<div id="pic_wwwwumingren1">
<a href="https://www.wuming.ren" class="i_photo_a" target="_blank">
<img src="/img/20240418_www_wuming_ren_17.jpg"></a>
<h1><a href="https://www.wuming.ren" target="_blank">武鸣人一号广告图片</a></h1>
<div id="index_page"><span onClick="javascript:setFocus(2);">点击切换焦点图→</span>
<strong>1</strong>
<a href="javascript:setFocus(2);">2</a>
<a href="javascript:setFocus(3);">3</a>
<a href="javascript:setFocus(4);">4</a>
</div></div>
<!--焦点图1结束-->
<!--焦点图2开始  标题13字 说明30个字-->
<div id="pic_wwwwumingren2" style="display:none;">
<a href="https://www.wuming.ren" class="i_photo_a" target="_blank">
<img src="/img/20240418_www_wuming_ren_18.jpg"></a>
<h1><a href="https://www.wuming.ren" target="_blank">武鸣人二号广告图片</a></h1>
<div id="index_page"><span onClick="javascript:setFocus(3);">点击切换焦点图→</span>
<a href="javascript:setFocus(1);">1</a>
<strong>2</strong>
<a href="javascript:setFocus(3);">3</a>
<a href="javascript:setFocus(4);">4</a>
</div></div>
<!--焦点图2结束-->
<!--焦点图3开始  标题13字 说明30个字-->
<div id="pic_wwwwumingren3" style="display:none;">
<a href="https://www.wuming.ren" class="i_photo_a" target="_blank">
<img src="/img/20240418_www_wuming_ren_19.jpg"></a>
<h1><a href="https://www.wuming.ren" target="_blank">武鸣人三号广告图片</a></h1>
<div id="index_page"><span onClick="javascript:setFocus(4);">点击切换焦点图→</span>
<a href="javascript:setFocus(1);">1</a>
<a href="javascript:setFocus(2);">2</a>
<strong>3</strong>
<a href="javascript:setFocus(4);">4</a>
</div></div>
<!--焦点图3结束-->
<!--焦点图4开始  标题13字 说明30个字-->
<div id="pic_wwwwumingren4" style="display:none;">
<a href="https://www.wuming.ren" class="i_photo_a" target="_blank">
<img src="/img/20240418_www_wuming_ren_20.jpg"></a>
<h1><a href="https://www.wuming.ren" target="_blank">武鸣人四号广告图片</a></h1>
<div id="index_page"><span onClick="javascript:setFocus(1);"></span>
<a href="javascript:setFocus(1);">1</a>
<a href="javascript:setFocus(2);">2</a>
<a href="javascript:setFocus(3);">3</a>
<strong>4</strong>
</div></div>
<!--焦点图4结束--> </td>
  </tr>
</table>
</body>
</html>


0
0
收藏0
回帖

四屏焦点图定时切换广告代码 期待您的回复!

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

取消确定

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