function $(id){ return document.getElementById(id); } //可修改区域 var imgWidth=360; var imgHeight=320; var _timeOut_=5000; var show_text = true; //是否显示焦点文字 var timeOut=_timeOut_; var timeOut2=_timeOut_/2;//onmouseout img后需要切换的时间 var pnow=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();//菜单menu var ver=2; //兼容浏览器版本 默认2 为非ie var firstTime=true; var n =-1; //菜单menu menuList[++n]='齐白石嫡传人王东常到我区图书馆参观交流'; imgUrl[n]='../myfiles/admin/54_20100309161918TY.jpg'; imgText[n]='齐白石嫡传人王东常到我区图书馆参观交流'; imgLink[n]='zwgk_info_view.jsp?id=12251'; imgAlt[n]='齐白石嫡传人王东常到我区图书馆参观交流'; menuList[++n]='我台火炬警讯节目荣获第六届全省优秀警视专题节目评选第二名'; imgUrl[n]='../myfiles/admin/54_20100309161813O4.jpg'; imgText[n]='我台火炬警讯节目荣获第六届全省优秀警视专题节目评选第二名'; imgLink[n]='zwgk_info_view.jsp?id=12250'; imgAlt[n]='我台火炬警讯节目荣获第六届全省优秀警视专题节目评选第二名'; menuList[++n]='火炬职院举行2010年春季开学典礼'; imgUrl[n]='../myfiles/admin/54_201003091617133r.jpg'; imgText[n]='火炬职院举行2010年春季开学典礼'; imgLink[n]='zwgk_info_view.jsp?id=12249'; imgAlt[n]='火炬职院举行2010年春季开学典礼'; menuList[++n]='庆祝三八国际妇女节 我区各界妇女精英展现巾帼风采'; imgUrl[n]='../myfiles/admin/54_20100309161616bh.jpg'; imgText[n]='庆祝三八国际妇女节 我区各界妇女精英展现巾帼风采'; imgLink[n]='zwgk_info_view.jsp?id=12248'; imgAlt[n]='庆祝三八国际妇女节 我区各界妇女精英展现巾帼风采'; menuList[++n]='六和居民载歌载舞庆“三八”迎亚运'; imgUrl[n]='../myfiles/admin/54_20100308170330ZL.jpg'; imgText[n]='六和居民载歌载舞庆“三八”迎亚运'; imgLink[n]='zwgk_info_view.jsp?id=12206'; imgAlt[n]='六和居民载歌载舞庆“三八”迎亚运'; var count=0; for (var i=0;i=imgUrl.length-1)?0:pnow+1; timeOut=_timeOut_; } theTimer=setTimeout("change()", timeOut); } function b_change(num){ window.clearInterval(theTimer); pnow=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=imgLink[pnow]; $('f_imgDiv').appendChild(a); var img = document.createElement("img"); img.id="f_img"; img.width=imgWidth; img.height=imgHeight; img.src=imgUrl[pnow]; img.alt=imgAlt[pnow]; 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='focus_bg'; $('f_buttonDiv').appendChild(div_bg); var a = document.createElement("a"); a.id = 'b'+i; a.className = (i==pnow+1)?"button_on":"button_off"; a.title=imgAlt[i]; 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 = imgText[pnow]; //表现层 end $('f_img').onmouseover=function(){window.clearInterval(theTimer);} $('f_img').onmouseout=function(){theTimer=setTimeout("change()", timeOut2);} try{ //滤镜版本 new ActiveXObject("DXImageTransform.Microsoft.Fade"); $('f_img').filters[0].play(); ver=1; draw_line(); } catch (e){ver=2;} var theTimer = setTimeout("change()", _timeOut_/1000);