图片互换示例.doc

无标题文档 !-/more javascript from function p$(string)document.write(string);function $(id)return document.getElementById(id);function change_menu(id,content_id,num,total_ztc_menu,menu_on,menu_off)for (var i=1;i=total_ztc_menu;i+)$(id+i).className=menu_off;$(content_id+i).style.display=none;$(id+num).className=menu_on;$(content_id+num).style.display=block;/可修改区域var imgWidth=150;var imgHeight=100;var _timeOut_=5000;var show_text = true; /是否显示焦点文字var timeOut=_timeOut_;var timeOut2=_timeOut_/2;/onmouseout img后需要切换的时间var now=0; /第一张图var target=_blank; /打开方式var button_on =on; /当前焦点对应按钮的样式名var button_off =;/非当前焦点对应按钮的样式名/不可修改区域var imgUrl = new Array();var imgText = new Array();var imgLink = new Array();var imgAlt= new Array();var menuList = new Array();/菜单menuvar ver=2; /兼容浏览器版本 默认2 为非ievar firstTime=true;var n =-1;/菜单menumenuList+n=XX;imgUrln=/images/pic_1.jpg;imgTextn=内容一;imgLinkn=/moive/14/show1.htm;imgAltn=内容一;/菜单menumenuList+n=XX;imgUrln=/images/pic_2.jpg;imgTextn=内容二;imgLinkn=/society/70/show1.htm;imgAltn=内容二;/菜单menumenuList+n=XX;imgUrln=/images/pic_3.jpg;imgTextn=内容三;imgLinkn=/movie/17/show1.htm;imgAltn=内容三;/菜单menumenuList+n=XX;imgUrln=/images/pic_4.jpg;imgTextn=内容四;imgLinkn=/society/52/show1.htm;imgAltn=内容四;/菜单menumenuList+n=XX;imgUrln=/images/pic_5.jpg;imgTextn=内容四;imgLinkn=/society/61/show1.htm;imgAltn=内容四;var count=0;for (var i=0;iimgUrl.length;i+) if( (imgUrli!=) & (imgTexti!=)& (imgLinki!=)& (imgAlti!=) count+; else break;/重写cssvar each_width=Math.ceil(imgWidth-(count-1)/count);var last_width=imgWidth-each_width*(count-1)-(count)+1;function change()if (ver=1)with($(f_img).filters0)Transition=1;apply();play(); if (firstTime) firstTime=false;timeOut=_timeOut_/1000;else $(f_img).src=imgUrlnow; $(f_img).alt=imgAltnow; $(f_imgLink).href=imgLinknow; if (show_text) $(f_text).innerHTML=imgTextnow; for (var i=0;i=imgUrl.length-1)?0:now+1; timeOut=_timeOut_; theTimer=setTimeout(change(), timeOut);function b_change(num)window.clearInterval(theTimer); now=num;firstTime=false;change();/draw 渐变line （即css:f_line)function draw_line()var div = document.createElement(div);div.id = f_line;$(f_infoDiv).insertBefore(div,$(f_infoDiv).childNodes.item(0);/表现层 start/图片var a = document.createElement(a);a.id=f_imgLink;a.target=target;a.href=imgLinknow;$(f_imgDiv).appendChild(a);var img = document.createElement(img);img.id=f_img;img.width=imgWidth;img.height=imgHeight;img.src=imgUrlnow;img.alt=imgAltnow;a.appendChild(img);/数字按钮for (var i=count-1;i=0;i-)var div_bg = document.createElement(div);div_bg.id = div_bg+i;div_bg.className=bg;$(f_buttonDiv).appendChild(div_bg);var a = document.createElement(a);a.id = b+i;a.className = (i=now+1)?button_on:button_off;a.title=imgAlti;a.innerHTML=i+1;a.href=javascript:b_change(+i+);$(div_bg+i).appendChild(a);var div= document.createElement(div);$(f_buttonDiv).appendChild(div); if (show_text) $(f_text).innerHTML = imgTextnow;/表现层 end$(f_img).onmouseover=function()window.clearInterval(theTimer);$(f_img).onmouseout=function()theTimer=setTimeout(change(), timeOut2);try /滤