3顶

js焦点图切换广告代码

稿源：互联网 2022-04-02 21:40:59 点击： 10071 撤稿纠错

带编号js焦点图图片切换广告，底部显示说明文字，兼容当前所有浏览器。

以下讨论的是和焦点图图片切换相关的js焦点图切换广告代码教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<!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=utf-8" />
<meta name="keywords" content="站长,网页特效,js特效,js脚本,脚本,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" />
<meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。全力打造一流网页特效站！" />
<title>网页特效 九屏焦点图切换广告代码 阿里西西整理发布 站长特效网首发</title>
<style type="text/css">
*{margin:0;padding:0;word-wrap:break-word;}.slideshow{clear:both;}.slideshow li{position:relative;overflow:hidden;}.slideshow span.title{position:absolute;bottom:0;left:0;margin-bottom:0;width:100%;height:32px;background:#000;color:#FFF !important;line-height:32px;font-size:14px;text-indent:10px;opacity:0.5;filter:alpha(opacity=50);overflow:hidden;}.slidebar li{float:left;margin-right:1px;width:20px;height:20px;background:#000;line-height:20px;text-align:center;font-size:10px;color:#FFF;overflow:hidden;opacity:0.5;filter:alpha(opacity=50);cursor:pointer;}.slidebar li.on{background:#FFF;color:#000;font-weight:700;opacity:0.8;filter:alpha(opacity=80);}.www_zzjs_net{width:504px;height:293px;float:left;}.www_zzjs_net img{border: none;}
</style>
<script type="text/javascript">
var zzjs_net = {};
var USERAGENT = navigator.userAgent.toLowerCase();
browserVersion({'ie':'msie','firefox':'','chrome':'','opera':'','safari':'','mozilla':'','webkit':'','maxthon':'','qq':'qqbrowser'});
if(zzjs_net.safari) {
 zzjs_net.firefox = true;
}
zzjs_net.opera = zzjs_net.opera ? opera.version() : 0;
//欢迎来到站q长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
HTMLNODE = document.getElementsByTagName('head')[0].parentNode;
if(zzjs_net.ie) {
 HTMLNODE.className = 'ie_all ie' + parseInt(zzjs_net.ie);
}

var CSSLOADED = [];
var JSMENU = [];
JSMENU['active'] = [];
JSMENU['timer'] = [];
JSMENU['drag'] = [];
JSMENU['layer'] = 0;
JSMENU['zIndex'] = {'win':200,'menu':300,'dialog':400,'prompt':500};
JSMENU['float'] = '';
var AJAX = [];
AJAX['url'] = [];
AJAX['stack'] = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
var CURRENTSTYPE = null;
var discuz_uid = isUndefined(discuz_uid) ? 0 : discuz_uid;
var creditnotice = isUndefined(creditnotice) ? '' : creditnotice;
var cookiedomain = isUndefined(cookiedomain) ? '' : cookiedomain;
var cookiepath = isUndefined(cookiepath) ? '' : cookiepath;
//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记x，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
var DISCUZCODE = [];
DISCUZCODE['num'] = '-1';
DISCUZCODE['html'] = [];

var USERABOUT_BOX = true;
var USERCARDST = null;
var CLIPBOARDSWFDATA = '';
var NOTICETITLE = [];

if(zzjs_net.firefox && window.HTMLElement) {
 HTMLElement.prototype.__defineSetter__('outerHTML', function(sHTML) {
   var r = this.ownerDocument.createRange();
  r.setStartBefore(this);
  var df = r.createContextualFragment(sHTML);
  this.parentNode.replaceChild(df,this);
  return sHTML;
 });

 HTMLElement.prototype.__defineGetter__('outerHTML', function() {
  var attr;
  var attrs = this.attributes;
  var str = '<' + this.tagName.toLowerCase();
  for(var i = 0;i < attrs.length;i++){
   attr = attrs[i];
   if(attr.specified)
   str += ' ' + attr.name + '="' + attr.value + '"';
  }
  if(!this.canHaveChildren) {
   return str + '>';
  }
  return str + '>' + this.innerHTML + '</' + this.tagName.toLowerCase() + '>';
  });

 HTMLElement.prototype.__defineGetter__('canHaveChildren', function() {
  switch(this.tagName.toLowerCase()) {
   case 'area':case 'base':case 'basefont':case 'col':case 'frame':case 'hr':case 'img':case 'br':case 'input':case 'isindex':case 'link':case 'meta':case 'param':
   return false;
   }
  return true;
 });
}

function $(id) {
 return !id ? null : document.getElementById(id);
}
//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js..就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function $C(classname, ele, tag) {
 var returns = [];
 ele = ele || document;
 tag = tag || '*';
 if(ele.getElementsByClassName) {
  var eles = ele.getElementsByClassName(classname);
  if(tag != '*') {
   for (var i = 0, L = eles.length; i < L; i++) {
    if (eles[i].tagName.toLowerCase() == tag.toLowerCase()) {
      returns.push(eles[i]);
    }
   }
  } else {
   returns = eles;
  }
 }else {
  eles = ele.getElementsByTagName(tag);
  var pattern = new RegExp("(^|\s)"+classname+"(\s|$)");
  for (i = 0, L = eles.length; i < L; i++) {
    if (pattern.test(eles[i].className)) {
      returns.push(eles[i]);
    }
  }
 }
 return returns;
}
//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记..，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function _attachEvent(obj, evt, func, eventobj) {
 eventobj = !eventobj ? obj : eventobj;
 if(obj.addEventListener) {
  obj.addEventListener(evt, func, false);
 } else if(eventobj.attachEvent) {
  obj.attachEvent('on' + evt, func);
 }
}

function _detachEvent(obj, evt, func, eventobj) {
 eventobj = !eventobj ? obj : eventobj;
 if(obj.removeEventListener) {
  obj.removeEventListener(evt, func, false);
 } else if(eventobj.detachEvent) {
  obj.detachEvent('on' + evt, func);
 }
}

function browserVersion(types) {
 var other = 1;
 for(i in types) {
  var v = types[i] ? types[i] : i;
  if(USERAGENT.indexOf(v) != -1) {
   var re = new RegExp(v + '(\/|\s)([\d\.]+)', 'ig');
   var matches = re.exec(USERAGENT);
   var ver = matches != null ? matches[2] : 0;
   other = ver !== 0 && v != 'mozilla' ? 0 : other;
  }else {
   var ver = 0;
  }
  eval('zzjs_net.' + i + '= ver');
 }
 zzjs_net.other = other;
}
//欢迎来到站长特效..网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function getEvent() {
 if(document.all) return window.event;
 func = getEvent.caller;
 while(func != null) {
  var arg0 = func.arguments[0];
  if (arg0) {
   if((arg0.constructor  == Event || arg0.constructor == MouseEvent) || (typeof(arg0) == "object" && arg0.preventDefault && arg0.stopPropagation)) {
    return arg0;
   }
  }
  func=func.caller;
 }
 return null;
}

function isUndefined(variable) {
 return typeof variable == 'undefined' ? true : false;
}

function in_array(needle, haystack) {
 if(typeof needle == 'string' || typeof needle == 'number') {
  for(var i in haystack) {
   if(haystack[i] == needle) {
     return true;
   }
  }
 }
 return false;
}
//欢迎来到站长特..效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function trim(str) {
 return (str + '').replace(/(s+)$/g, '').replace(/^s+/g, '');
}
//欢迎来到站..长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function strlen(str) {
 return (zzjs_net.ie && str.indexOf('n') != -1) ? str.replace(/r?n/g, '_').length : str.length;
}

function mb_strlen(str) {
 var len = 0;
 for(var i = 0; i < str.length; i++) {
  len += str.charCodeAt(i) < 0 || str.charCodeAt(i) > 255 ? (charset == 'utf-8' ? 3 : 2) : 1;
 }
 return len;
}
//欢迎来到站长 特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function mb_cutstr(str, maxlen, dot) {
 var len = 0;
 var ret = '';
 var dot = !dot ? '...' : '';
 maxlen = maxlen - dot.length;
 for(var i = 0; i < str.length; i++) {
  len += str.charCodeAt(i) < 0 || str.charCodeAt(i) > 255 ? (charset == 'utf-8' ? 3 : 2) : 1;
  if(len > maxlen) {
   ret += dot;
   break;
  }
  ret += str.substr(i, 1);
 }
 return ret;
}
//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码.下载。
function seditor_ctlent(event, script) {
 if(event.ctrlKey && event.keyCode == 13 || event.altKey && event.keyCode == 83) {
  eval(script);
 }
}
function ctrlEnter(event, btnId, onlyEnter) {
 if(isUndefined(onlyEnter)) onlyEnter = 0;
 if((event.ctrlKey || onlyEnter) && event.keyCode == 13) {
  $(btnId).click();
  return false;
 }
 return true;
}//欢迎来到站长特效 网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function loadimgsize(imgurl, editor, p) {
 var editor = !editor ? editorid : editor;
 var s = new Object();
 var p = !p ? '_image' : p;
 s.img = new Image();
 s.img.src = imgurl;
 s.loadCheck = function () {
  if(s.img.complete) {
   $(editor + p + '_param_2').value = s.img.width ? s.img.width : '';
   $(editor + p + '_param_3').value = s.img.height ? s.img.height : '';
  } else {
   setTimeout(function () {s.loadCheck();}, 100);
  }
 };
 s.loadCheck();
}
function parseurl(str, mode, parsecode) {
 if(isUndefined(parsecode)) parsecode = true;
 if(parsecode) str= str.replace(/s*[code]([sS]+?)[/code]s*/ig, function($1, $2) {return codetag($2);});
 str = str.replace(/([^>=]"'/@]|^)((((https?|ftp|gopher|news|telnet|rtsp|mms|callto|bctp|ed2k|thunder|synacast)://))([w-]+.)*[:.@-wu4e00-u9fa5]+.([.a-zA-Z0-9]+|u4E2Du56FD|u7F51u7EDC|u516Cu53F8)((?|/|:)+[w./=?%-&~`@':+!#]*)*)/ig, mode == 'html' ? '$1<a href="$2" target="_blank">$2</a>' : '$1[url]$2[/url]');
 str = str.replace(/([^w>=]"'/@]|^)((www.)([w-]+.)*[:.@-wu4e00-u9fa5]+.([.a-zA-Z0-9]+|u4E2Du56FD|u7F51u7EDC|u516Cu53F8)((?|/|:)+[w./=?%-&~`@':+!#]*)*)/ig, mode == 'html' ? '$1<a href="$2" target="_blank">$2</a>' : '$1[url]$2[/url]');
 str = str.replace(/([^w->=]:"'./]|^)(([-.w]+@[.-w]+(.w+)+))/ig, mode == 'html' ? '$1<a href="mailto:$2">$2</a>' : '$1[email]$2[/email]');
 if(parsecode) {
  for(var i = 0; i <= DISCUZCODE['num']; i++) {
   str = str.replace("[tDISCUZ_CODE_" + i + "t]", DISCUZCODE['html'][i]);
  }
 }
 return str;
}//欢迎来到站长特效.网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function codetag(text) {
 DISCUZCODE['num']++;
 if(typeof wysiwyg != 'undefined' && wysiwyg) text = text.replace(/<br[^>]*>/ig, 'n').replace(/<(/|)[A-Za-z].*?>/ig, '');
 DISCUZCODE['html'][DISCUZCODE['num']] = '[code]' + text + '[/code]';
 return '[tDISCUZ_CODE_' + DISCUZCODE['num'] + 't]';
}
function parsepmcode(theform) {
 theform.message.value = parseurl(theform.message.value);
}
//欢迎来到站长.特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function saveUserdata(name, data) {
 if(zzjs_net.ie){
  with(document.documentElement) {
   setAttribute("value", data);
   save('Discuz_' + name);
  }
 } else if(window.sessionStorage){
  sessionStorage.setItem('Discuz_' + name, data);
  }
}
//欢迎来到站长特.效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function initTab(frameId, type) {
 if (typeof document['diyform'] == 'object' || $(frameId).className.indexOf('tab') < 0) return false;
 type = type || 'click';
 var tabs = $(frameId+'_title').childNodes;
 var arrTab = [];
 for(var i in tabs) {
  if (tabs[i]['nodeType'] == 1 && tabs[i]['className'].indexOf('move-span') > -1) {
   arrTab.push(tabs[i]);
  }
 }
 var counter = 0;
 var tab = document.createElement('ul');
 tab.className = 'tb cl';
 var len = arrTab.length;
 for(var i = 0;i < len; i++) {
  var tabId = arrTab[i].id;
  if (hasClass(arrTab[i],'frame') || hasClass(arrTab[i],'tab')) {
   var arrColumn = [];
   for (var j in arrTab[i].childNodes) {
    if (typeof arrTab[i].childNodes[j] == 'object' && !hasClass(arrTab[i].childNodes[j],'title')) arrColumn.push(arrTab[i].childNodes[j]);
   }
   var frameContent = document.createElement('div');
   frameContent.id = tabId+'_content';
   frameContent.className = hasClass(arrTab[i],'frame') ? 'content cl '+arrTab[i].className.substr(arrTab[i].className.lastIndexOf(' ')+1) : 'content cl';
   var colLen = arrColumn.length;
   for (var k = 0; k < colLen; k++) {
    frameContent.appendChild(arrColumn[k]);
   }
  } else {
   var frameContent = $(tabId+'_content');
   frameContent = frameContent || document.createElement('div');
  }
  frameContent.style.display = counter ? 'none' : '';
  $(frameId+'_content').appendChild(frameContent);

  var li = document.createElement('li');
  li.id = tabId;
  li.className = counter ? '' : 'a';
  li.innerHTML = arrTab[i]['innerText'] ? arrTab[i]['innerText'] : arrTab[i]['textContent'];
  var a = arrTab[i].getElementsByTagName('a');
  var href = a && a[0] ? a[0].href : 'javascript:;';
  var onclick = type == 'click' ? ' onclick="return false;"' : '';
  li.innerHTML = '<a href="'+href+'"'+onclick+' onfocus="this.blur();">'+li.innerHTML+'</a>';
  _attachEvent(li, type, switchTabUl);
  tab.appendChild(li);
  $(frameId+'_title').removeChild(arrTab[i]);
  counter++;
 }
 $(frameId+'_title').appendChild(tab);
}

function openDiy(){
 window.location.href = ((window.location.href + '').replace(/[?&]diy=yes/g, '').split('#')[0] + ( window.location.search && window.location.search.indexOf('?diy=yes') < 0 ? '&diy=yes' : '?diy=yes'));
}
//欢迎来到站.长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function switchTabUl (e) {
 e = e || window.event;
 var aim = e.target || e.srcElement;
 var tabId = aim.id;
 var parent = aim.parentNode;
 while(parent['nodeName'] != 'UL' && parent['nodeName'] != 'BODY') {
  tabId = parent.id;
  parent = parent.parentNode;
 }
 if(parent['nodeName'] == 'BODY') return false;
 var tabs = parent.childNodes;
 var len2 = tabs.length;
 for(var j = 0; j < len2; j++) {
  tabs[j].className = (tabs[j].id == tabId) ? 'a' : '';
  var content = $(tabs[j].id+'_content');
  if (content) content.style.display = tabs[j].id == tabId ? '' : 'none';
 }
}
//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就q是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function hasClass(elem, className) {
 return elem.className && (" " + elem.className + " ").indexOf(" " + className + " ") != -1;
}

function runslideshow() {
 var slideshows = $C('slidebox');
 for(var i=0,L=slideshows.length; i<L; i++) {
  new slideshow(slideshows[i]);
 }
}//欢迎来到站长特效网，我c们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function slideshow(el) {
 var obj = this;
 if(!el.id) el.id = Math.random();
 if(typeof slideshow.entities == 'undefined') {
  slideshow.entities = {};
 }
 this.id = el.id;
 if(slideshow.entities[this.id]) return false;
 slideshow.entities[this.id] = this;

 this.slideshows = [];
 this.slidebar = [];
 this.slideother = [];
 this.slidebarup = '';
 this.slidebardown = '';
 this.slidenum = 0;
 this.slidestep = 0;

 this.container = el;
 this.imgs = [];
 this.imgLoad = [];
 this.imgLoaded = 0;
 this.imgWidth = 0;
 this.imgHeight = 0;

 this.getMEvent = function(ele, value) {
  value = !value ? 'mouseover' : value;
  var mevent = !ele ? '' : ele.getAttribute('mevent');
  mevent = (mevent == 'click' || mevent == 'mouseover') ? mevent : value;
  return mevent;
 };
 this.slideshows = $C('slideshow', el);
 this.slideshows = this.slideshows.length>0 ? this.slideshows[0].childNodes : null;
 this.slidebar = $C('slidebar', el);
 this.slidebar = this.slidebar.length>0 ? this.slidebar[0] : null;
 this.barmevent = this.getMEvent(this.slidebar);
 this.slideother = $C('slideother', el);
 this.slidebarup = $C('slidebarup', el);
 this.slidebarup = this.slidebarup.length>0 ? this.slidebarup[0] : null;
 this.barupmevent = this.getMEvent(this.slidebarup, 'click');
 this.slidebardown = $C('slidebardown', el);
 this.slidebardown = this.slidebardown.length>0 ? this.slidebardown[0] : null;
 this.bardownmevent = this.getMEvent(this.slidebardown, 'click');
 this.slidenum = parseInt(this.container.getAttribute('slidenum'));
 this.slidestep = parseInt(this.container.getAttribute('slidestep'));
 this.timestep = parseInt(this.container.getAttribute('timestep'));
 this.timestep = !this.timestep ? 2500 : this.timestep;

 this.index = this.length = 0;
 if(!this.slideshows) {
  var nodes = el.childNodes;
  for(var i=0, L=nodes.length; i<L; i++) {
   if (nodes[i].nodeType == 1) {
    this.slideshows[this.length] = nodes[i];
   }
  }
 }
 for(i=0, L=this.slideshows.length; i<L; i++) {
  if(this.slideshows[i].nodeType == 1) {
   this.slideshows[i].style.display = "none";
   this.length += 1;
  }
 }
 for(i=0, L=this.slideother.length; i<L; i++) {
  for(var j=0;j<this.slideother[i].childNodes.length;j++) {
   if(this.slideother[i].childNodes[j].nodeType == 1) {
    this.slideother[i].childNodes[j].style.display = "none";
   }
  }
 }
//欢迎c来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
 if(!this.slidebar) {
  if(!this.slidenum && !this.slidestep) {
   this.container.parentNode.style.position = 'relative';
   this.slidebar = document.createElement('div');
   this.slidebar.className = 'slidebar';
   this.slidebar.style.position = 'absolute';
   this.slidebar.style.top = '5px';
   this.slidebar.style.left = '4px';
   this.slidebar.style.display = 'none';
   var html = '<ul>';
   for(var i=0; i<this.length; i++) {
    html += '<li on'+this.barmevent+'="slideshow.entities[' + this.id + '].xactive(' + i + '); return false;">' + (i + 1).toString() + '</li>';
   }
   html += '</ul>';
   this.slidebar.innerHTML = html;
   this.container.parentNode.appendChild(this.slidebar);
   this.controls = this.slidebar.getElementsByTagName('li');
  }
 } else {
  this.controls = this.slidebar.childNodes;
  for(i=0; i<this.controls.length; i++) {
   if(this.slidebarup == this.controls[i] || this.slidebardown == this.controls[i]) continue;
   _attachEvent(this.controls[i], this.barmevent, function(){slidexactive()});
  }
 }
 if(this.slidebarup) {
  _attachEvent(this.slidebarup, this.barupmevent, function(){slidexactive('up')});
 }
 if(this.slidebardown) {
  _attachEvent(this.slidebardown, this.bardownmevent, function(){slidexactive('down')});
 }
 this.activeByStep = function(index) {
  var showindex = 0,i = 0;
  if(index == 'down') {
   showindex = this.index + 1;
   if(showindex >= this.length) {
    this.runRoll();
   } else {
    for (i = 0; i < this.slidestep; i++) {
     if(showindex >= this.length) showindex = 0;
     this.index = this.index - this.slidenum + 1;
     if(this.index < 0) this.index = this.length - Math.abs(this.index);
     this.active(showindex);
     showindex++;
    }
   }
  } else if (index == 'up') {
   var tempindex = this.index;
   showindex = this.index - this.slidenum;
   if(showindex < 0) return false;
   for (i = 0; i < this.slidestep; i++) {
    if(showindex < 0) showindex = this.length - Math.abs(showindex);
    this.active(showindex);
    this.index = tempindex = tempindex - 1;
    if(this.index <0) this.index = this.length - 1;
    showindex--;
   }
  }
  return false;
 };
 this.active = function(index) {
  this.slideshows[this.index].style.display = "none";
  this.slideshows[index].style.display = "block";
  if(this.controls.length > 0) {
   this.controls[this.index].className = '';
   this.controls[index].className = 'on';
  }
  for(var i=0,L=this.slideother.length; i<L; i++) {
   this.slideother[i].childNodes[this.index].style.display = "none";
   this.slideother[i].childNodes[index].style.display = "block";
  }
  this.index = index;
 };
 this.xactive = function(index) {
  if(!this.slidenum && !this.slidestep) {
   clearTimeout(this.timer);
   if(index == 'down') index = this.index == this.length-1 ? 0 : this.index+1;
   if(index == 'up') index = this.index == 0 ? this.length-1 : this.index-1;
   this.active(index);
   var ss = this;
   this.timer = setTimeout(function(){
    ss.run();
   }, 8000);
  } else {
   this.activeByStep(index);
  }
 };
 this.run = function() {
  var index = this.index + 1 < this.length ? this.index + 1 : 0;
  this.active(index);
  var ss = this;
  this.timer = setTimeout(function(){
   ss.run();
  }, this.timestep);
 };

 this.runRoll = function() {
  for(var i = 0; i < this.slidenum; i++) {
   if(this.slideshows[i] && typeof this.slideshows[i].style != 'undefined') this.slideshows[i].style.display = "block";
   for(var j=0,L=this.slideother.length; j<L; j++) {
    this.slideother[j].childNodes[i].style.display = "block";
   }
  }
  this.index = this.slidenum - 1;
 };
 var imgs = this.slideshows.length ? this.slideshows[0].parentNode.getElementsByTagName('img') : [];
 for(i=0, L=imgs.length; i<L; i++) {
  this.imgs.push(imgs[i]);
  this.imgLoad.push(new Image());
  this.imgLoad[i].src = this.imgs[i].src;
  this.imgLoad[i].onerror = function (){obj.imgLoaded ++;};
 }

 this.getSize = function () {
  if(this.imgs.length == 0) return false;
  var img = this.imgs[0];
  this.imgWidth = img.width ? parseInt(img.width) : 0;
  this.imgHeight = img.height ? parseInt(img.height) : 0;
  var ele = img.parentNode;
  while ((!this.imgWidth || !this.imgHeight) && !hasClass(ele,'slideshow') && ele != document.body) {
   this.imgWidth = ele.style.width ? parseInt(ele.style.width) : 0;
   this.imgHeight = ele.style.height ? parseInt(ele.style.height) : 0;
   ele = ele.parentNode;
  }
  return true;
 };
//q欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
 this.getSize();

 this.checkLoad = function () {
  var obj = this;
  for(i = 0;i < this.imgs.length;i++) {
   if(this.imgLoad[i].complete && !this.imgLoad[i].status) {
    this.imgLoaded++;
    this.imgLoad[i].status = 1;
   }
  }
  var percentEle = $(this.id+'_percent');
  if(this.imgLoaded < this.imgs.length) {
   if (!percentEle) {
    var dom = document.createElement('div');
    dom.id = this.id+"_percent";
    dom.style.width = this.imgWidth ? this.imgWidth+'px' : '150px';
    dom.style.height = this.imgHeight ? this.imgHeight+'px' : '150px';
    dom.style.lineHeight = this.imgHeight ? this.imgHeight+'px' : '150px';
    dom.style.backgroundColor = '#ccc';
    dom.style.textAlign = 'center';
    dom.style.top = '0';
    dom.style.left = '0';
    dom.style.marginLeft = 'auto';
    dom.style.marginRight = 'auto';
    this.slideshows[0].parentNode.appendChild(dom);
    percentEle = dom;
   }
   el.parentNode.style.position = 'relative';
   percentEle.innerHTML = (parseInt(this.imgLoaded / this.imgs.length * 100)) + '%';
   setTimeout(function () {obj.checkLoad();}, 100)
  } else {
   if (percentEle) percentEle.parentNode.removeChild(percentEle);
   this.container.style.display = 'block';
   if(this.slidebar) this.slidebar.style.display = '';
   this.index = this.length - 1 < 0 ? 0 : this.length - 1;
   if(this.slideshows.length > 0) {
    if(!this.slidenum || !this.slidestep) {
     this.run();
    } else {
     this.runRoll();
    }
   }
  }
 };
 this.checkLoad();
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
</script> 
</head>
<body>
<a href="http://www.zzjs.net/">站长特效网</a>，以质量为核心，以实用为目的，打造一流网页特效站！zzjs.net，站长js特效。<hr>


<div class="www_zzjs_net">
<div id="buluo_sinaflash" class="area"><div id="frame8K1Llu" class=" frame move-span cl frame-1"><div id="frame8K1Llu_left" class="column frame-1-c"><div id="frame8K1Llu_left_temp" class="move-span temp"></div><div id="portal_block_68" class="block move-span"><div id="portal_block_68_content" class="content"><div class="module cl slidebox">
<ul class="slideshow"><li style="width: 496px; height: 278px;"><a href="http://www.zzjs.net" target="_blank"><img src="http://www.zzjs.net/ad/1.gif" width="496" height="278" /></a><span class="title">站长特效网一号焦点图 zzjs打造一流网页特效站</span></li><li style="width: 496px; height: 278px;"><a href="http://www.zzjs.net" target="_blank"><img src="http://www.zzjs.net/ad/2.gif" width="496" height="278" /></a><span class="title">站长特效网二号焦点图 zzjs打造一流网页特效站</span></li><li style="width: 496px; height: 278px;"><a href="http://www.zzjs.net" target="_blank"><img src="http://www.zzjs.net/ad/3.gif" width="496" height="278" /></a><span class="title">站长特效网三号焦点图 zzjs打造一流网页特效站</span></li><li style="width: 496px; height: 278px;"><a href="http://www.zzjs.net" target="_blank"><img src="http://www.zzjs.net/ad/4.gif" width="496" height="278" /></a><span class="title">站长特效网四号焦点图 zzjs打造一流网页特效站</span></li><li style="width: 496px; height: 278px;"><a href="http://www.zzjs.net" target="_blank"><img src="http://www.zzjs.net/ad/5.gif" width="496" height="278" /></a><span class="title">站长特效网五号焦点图 zzjs打造一流网页特效站</span></li><li style="width: 496px; height: 278px;"><a href="http://www.zzjs.net" target="_blank"><img src="http://www.zzjs.net/ad/1.gif" width="496" height="278" /></a><span class="title">站在特效网六号焦点图 zzjs打造一流网页特效站</span></li><li style="width: 496px; height: 278px;"><a href="http://www.zzjs.net" target="_blank"><img src="http://www.zzjs.net/ad/2.gif" width="496" height="278" /></a><span class="title">站长特效网七号焦点图 zzjs打造一流网页特效站</span></li><li style="width: 496px; height: 278px;"><a href="http://www.zzjs.net" target="_blank"><img src="http://www.zzjs.net/ad/3.gif" width="496" height="278" /></a><span class="title">站长特效网八号焦点图 zzjs打造一流网页特效站</span></li><li style="width: 496px; height: 278px;"><a href="http://www.zzjs.net" target="_blank"><img src="http://www.zzjs.net/ad/4.gif" width="496" height="278" /></a><span class="title">站长特效网九号焦点图 zzjs打造一流网页特效站</span></li></ul>
</div>
<script type="text/javascript"> 
runslideshow();
</script></div></div></div></div></div>
</div>

</body>
</html>

关于js焦点图切换广告代码的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2010121066533.shtml方便下次再访问哦。

·上一篇： flash+xml图片定时切换广告
·下一篇： 非常漂亮的立体旋转的花型特效

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

js焦点图切换广告代码

文章分类LIST >>返回首页

最新游戏

最新新闻