Discuz!官方免费开源建站系统

 找回密码
 立即注册
搜索

[疑难] 金币感谢:给解释一下common.js里面的代码?

[复制链接]
社区泡泡 发表于 2009-5-1 16:00:00 | 显示全部楼层 |阅读模式
  1. //焦点图片轮换
  2. function $(id) { return document.getElementById(id); }

  3. function addLoadEvent(func){
  4.         var oldonload = window.onload;
  5.         if (typeof window.onload != 'function') {
  6.                 window.onload = func;
  7.         } else {
  8.                 window.onload = function(){
  9.                         oldonload();
  10.                         func();
  11.                 }
  12.         }
  13. }

  14. function addBtn() {
  15.         if(!$('focus_turn')||!$('focus_pic')||!$('focus_tx')) return;
  16.         var focusList = $('focus_pic').getElementsByTagName('li');
  17.         if(!focusList||focusList.length==0) return;
  18.         var btnBox = document.createElement('div');
  19.         btnBox.setAttribute('id','focus_btn');
  20.         var SpanBox ='';
  21.         for(var i=1; i<=focusList.length; i++ ) {
  22.                 var spanList = '<span class="normal">'+i+'</span>';
  23.                 SpanBox += spanList;
  24.         }
  25.         btnBox.innerHTML = SpanBox;
  26.         $('focus_turn').appendChild(btnBox);
  27.         $('focus_btn').getElementsByTagName('span')[0].className = 'current';
  28. }

  29. function classNormal(){
  30.         var focusList = $('focus_pic').getElementsByTagName('li');
  31.         var btnList = $('focus_btn').getElementsByTagName('span');
  32.         var txList = $('focus_tx').getElementsByTagName('li');
  33.         for(var i=0; i<focusList.length; i++) {
  34.                 focusList[i].className='normal';
  35.                 btnList[i].className='normal';
  36.                 txList[i].className='normal';
  37.         }
  38. }

  39. function classCurrent(n){
  40.         var focusList = $('focus_pic').getElementsByTagName('li');
  41.         var btnList = $('focus_btn').getElementsByTagName('span');
  42.         var txList = $('focus_tx').getElementsByTagName('li');
  43.         focusList[n].className='current';
  44.         btnList[n].className='current';
  45.         txList[n].className='current';
  46. }

  47. var autoKey = false;
  48. function btnTurn() {
  49.         if(!$('focus_turn')||!$('focus_pic')||!$('focus_tx') || !$('focus_btn')) return;
  50.         $('focus_turn').onmouseover = function(){autoKey = true};
  51.         $('focus_turn').onmouseout = function(){autoKey = false};       
  52.         var focusList = $('focus_pic').getElementsByTagName('li');
  53.         var btnList = $('focus_btn').getElementsByTagName('span');
  54.         var txList = $('focus_tx').getElementsByTagName('li');
  55.         for (var m=0; m<btnList.length; m++){
  56.                 btnList[m].onmouseover = function() {
  57.                         classNormal();
  58.                         this.className='current';
  59.                         var n=this.childNodes[0].nodeValue-1;
  60.                         focusList[n].className='current';
  61.                         txList[n].className='current';
  62.                 }
  63.         }
  64. }

  65. addLoadEvent(addBtn);
  66. addLoadEvent(btnTurn);
  67. addLoadEvent(setautoturn);

  68. function setautoturn() {
  69.         setInterval('autoTurn()', 5000);
  70. }

  71. function autoTurn() {
  72.         if(!$('focus_turn')||!$('focus_pic')||!$('focus_tx')) return;
  73.         if (autoKey) return;
  74.         var focusList = $('focus_pic').getElementsByTagName('li');
  75.         var btnList = $('focus_btn').getElementsByTagName('span');
  76.         var txList = $('focus_tx').getElementsByTagName('li');
  77.         for(var i=0; i<focusList.length; i++) {
  78.                 if (focusList[i].className == 'current') {
  79.                         var currentNum = i;
  80.                 }
  81.         }
  82.         if (currentNum==focusList.length-1 ){
  83.                 classNormal();
  84.                 classCurrent(0);
  85.         } else {
  86.                 classNormal();
  87.                 classCurrent(currentNum+1);
  88.         }

  89. }
复制代码
回复

使用道具 举报

 楼主| 社区泡泡 发表于 2009-5-1 19:43:38 | 显示全部楼层
((mk08)) hello
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2025-10-20 14:41 , Processed in 0.402571 second(s), 14 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表