页面多次调用阿里js广告问题

tiwangzhen 2010-11-26 12:47:40
// JavaScript Document
var $d = document;

function $i(s){return $d.getElementById(s);}

var _jsc = {};

_jsc.client = (function(){
var t = {};
var b = navigator.userAgent.toLowerCase();
t.isOpera = (b.indexOf('opera') > -1);
t.isIE = (!t.isOpera && b.indexOf('msie') > -1);
t.isFF = (!t.isOpera &&!t.isIE&&b.indexOf('firefox') > -1);
return t;
})();

_jsc.util = (function(){
var t = {};
t.addEvent = function(o,c,h){
if(_jsc.client.isIE){
o.attachEvent('on'+c,h);
}else{
o.addEventListener(c,h,false);
}
return true;
};
return t;
})();

_jsc.evt = (function(){
var t = {};
t.gTar = function(oe){
if(_jsc.client.isIE){
return oe.srcElement;
}else{
return oe.target;
}
};
return t;
})();

function tabswitch(c, config){
this.config = config ? config : {start_delay:3000, delay:1500};
this.container = $i(c);
this.pause = false;
this.nexttb = 1;
this.tabs = this.container.getElementsByTagName('dt');
var _this = this;
if(this.tabs.length<1)this.tabs = this.container.getElementsByTagName('li');
for(var i = 0; i < this.tabs.length; i++){
var _ec = this.tabs[i].getElementsByTagName('span');
if(_ec.length<1)_ec = this.tabs[i].getElementsByTagName('a');
if(_ec.length<1){
_ec = this.tabs[i]
}else{
_ec = _ec[0];
}
_ec.onmouseover = function(e) {
_this.pause = true;
var ev = !e ? window.event : e;
_this.start(ev, false, null);
};

_ec.onmouseout = function() {
_this.pause = false;
};

try{
$i(this.tabs[i].id + '_body_1').onmouseover = function(){
_this.pause = true;
};

$i(this.tabs[i].id + '_body_1').onmouseout = function(){
_this.pause = false;
};
}catch(e){}
}

if ($i(c + '_sts')) {
var _sts = $i(c + '_sts');
var _step = _sts.getElementsByTagName('li');
if(_step.length<1)_step = _sts.getElementsByTagName('div');
_step[0].onclick = function() {
if (_this.tabs[_this.tabs.length-1].className.indexOf('current') > -1) {
_this.nexttb = _this.tabs.length + 1;
};
_this.nexttb = _this.nexttb - 2 < 1 ? _this.tabs.length : _this.nexttb - 2;
//alert(_this.nexttb);
_this.start(null, null, _this.nexttb);
};

_step[1].onclick = function() {
_this.nexttb = _this.nexttb < 1 ? 1 : _this.nexttb;
_this.start(null, null, _this.nexttb);
};
};

this.start = function(e, r, n){
if(_this.pause && !e)return;
if(r){
curr_tab = $i(_this.container.id + '_' + rand(4));
}else{
if(n){
//alert(_this.container.id + '_' + _this.nexttb);
curr_tab = $i(_this.container.id + '_' + _this.nexttb);
}else{
curr_tab = _jsc.evt.gTar(e);
if(curr_tab.id=="")curr_tab = curr_tab.parentNode;
}
}

var tb = curr_tab.id.split("_");
for(var i = 0; i < _this.tabs.length; i++){
if(_this.tabs[i]==curr_tab){
_this.tabs[i].className="hot Selected current";
try{
//alert(_this.tabs[i].id);
$i(_this.tabs[i].id + '_body_1').style.display = "block";
}catch(e){}
}else{
_this.tabs[i].className="";
try{
$i(_this.tabs[i].id + '_body_1').style.display = "none";
}catch(e){}
}
}
_this.nexttb = parseInt(tb[tb.length-1]) >= _this.tabs.length ? 1 : parseInt(tb[tb.length-1]) + 1;
};
}

function init_imh () {
var _lis = document.getElementsByTagName('li');
for (var i=0;i<_lis.length;i++) {
if (_lis[i].getAttribute('jpe') == 'linkto:a') {
_lis[i].onclick = function(e) {
var ev = !e ? window.event : e;
var _target = _jsc.evt.gTar(ev);
while (_target.tagName.toLowerCase() != 'li') {
_target = _target.parentNode;
}
location.href = _target.getElementsByTagName('a')[0].getAttribute('href');
return false;
};
}
}
}

var banners, new_trans, super_rec, crazy_buy, star,bargain_scroll,buy_ok_div;
_jsc.util.addEvent(window, 'load', function() {
if ($i('banners')) {
banners = new tabswitch('banners', {});
setInterval("banners.start(null, null, 1);", 5000);
}

});













<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<title>阿里妈妈JS广告精简版</title>
<link href="img/css.css" rel="stylesheet" type="text/css">
<script src="ad.js" type="text/javascript"></script>
</head>
<body>

<div class="pb" jpe="pb:promotion-banner">
<ul class="banners" id="promotion_banners">
<li id="banners_1_body_1" class="current"><a href="http://www.ahaosky.com" target="_blank"><img src="img/1.jpg" /></a></li>
<li id="banners_2_body_1"><a href="http://www.ahaosky.com" target="_blank"><img src="img/2.jpg" /></a></li>
<li id="banners_3_body_1"><a href="http://www.ahaosky.com" target="_blank"><img src="img/3.jpg" /></a></li>
<li id="banners_4_body_1"><a href="http://www.ahaosky.com" target="_blank"><img src="img/1.jpg" /></a></li>
<li id="banners_5_body_1"><a href="http://www.ahaosky.com" target="_blank"><img src="img/2.jpg" /></a></li>
<li id="banners_6_body_1"><a href="http://www.ahaosky.com" target="_blank"><img src="img/3.jpg" /></a></li>
</ul>
<div class="switcher">
<ul class="points" id="banners">
<li class="current" id="banners_1">1</li>
<li id="banners_2">2</li>
<li id="banners_3">3</li>
<li id="banners_4">4</li>
<li id="banners_5">5</li>
<li id="banners_6">6</li>
</ul>
<div class="steps" id="banners_sts">
<div class="up"></div>
<div class="down"></div>
</div></div></div>


<div class="pb" jpe="pb:promotion-banner">
<ul class="banners" id="promotion_banners">
<li id="banners_1_body_1" class="current"><a href="http://www.ahaosky.com" target="_blank"><img src="img/1.jpg" /></a></li>
<li id="banners_2_body_1"><a href="http://www.ahaosky.com" target="_blank"><img src="img/2.jpg" /></a></li>
<li id="banners_3_body_1"><a href="http://www.ahaosky.com" target="_blank"><img src="img/3.jpg" /></a></li>
<li id="banners_4_body_1"><a href="http://www.ahaosky.com" target="_blank"><img src="img/1.jpg" /></a></li>
<li id="banners_5_body_1"><a href="http://www.ahaosky.com" target="_blank"><img src="img/2.jpg" /></a></li>
<li id="banners_6_body_1"><a href="http://www.ahaosky.com" target="_blank"><img src="img/3.jpg" /></a></li>
</ul>
<div class="switcher">
<ul class="points" id="banners">
<li class="current" id="banners_1">1</li>
<li id="banners_2">2</li>
<li id="banners_3">3</li>
<li id="banners_4">4</li>
<li id="banners_5">5</li>
<li id="banners_6">6</li>
</ul>
<div class="steps" id="banners_sts">
<div class="up"></div>
<div class="down"></div>
</div></div></div>
</body>
</html>

我想把这个js在页面上连续调用5次,应该怎么办呢,谢谢!!!
...全文
48 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复
[Quote=引用楼主 tiwangzhen 的回复:]
我想把这个js在页面上连续调用5次,应该怎么办呢
[/Quote]
太狠了,有一次就够招人烦的了,还连来5次,没人会来你网站看第二次的。
hch126163 2010-11-26
  • 打赏
  • 举报
回复
banners = new tabswitch('banners', {});
setInterval("banners.start(null, null, 1);", 5000);

banners1 = new tabswitch('banners1', {});
setInterval("banners1.start(null, null, 1);", 5000);


banners2 = new tabswitch('banners2', {});
setInterval("banners2.start(null, null, 1);", 5000);

banners3 = new tabswitch('banners3', {});
setInterval("banners3.start(null, null, 1);", 5000);


当然要有对应的 banners3。。。
北京不不 2010-11-26
  • 打赏
  • 举报
回复
你的代码跑不了,太长了,一般人都懒得看。

87,907

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧