查看文章 |
幻灯片
2008-04-29 16:07
function $(id){ return document.getElementById(id); } <!-- //可修改区域 var imgWidth=320; var imgHeight=170; var _timeOut_=2000; 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 ver=2; //兼容浏览器版本 默认2 为非ie var firstTime=true; var n =-1; /////////////////////////// //图片参数组定义 //按照下面的格式，可以“任意”多个组,其中各个“ttt”表示不能空 //imgUrl[++n]='ttt'; //imgText[n]='ttt'; //imgLink[n]='ttt'; //imgAlt[n]='ttt'; /////////////////////////// //imgUrl[++n]='../templets/xsf_inknet/xsf_image/hdp_1.gif'; //imgText[n]='<a href="#" target="_blank">HP发布智能化平板卷筒混合UV</a>'; //imgLink[n]='#'; //imgAlt[n]='内'; //imgUrl[++n]='../templets/xsf_inknet/xsf_image/hdp_2.jpg'; //imgText[n]='<a href="#" target="_blank">ssssssssssssssssss</a>'; //imgLink[n]='#'; //imgAlt[n]='万'; //imgUrl[++n]='../templets/xsf_inknet/xsf_image/hdp_1.gif'; //imgText[n]='<a href="#" target="_blank">HP发布智能化平板卷筒混合UV</a>'; //imgLink[n]='#'; //imgAlt[n]='姐'; //imgUrl[++n]='../templets/xsf_inknet/xsf_image/hdp_2.jpg'; //imgText[n]='<a href="#" target="_blank">吉</a>'; //imgLink[n]='#'; //imgAlt[n]='吉'; //imgUrl[++n]='../templets/xsf_inknet/xsf_image/work_398007_3627_20071215_235934_3079223_t.jpg'; //imgText[n]='<a href="#" target="_blank">人</a>'; //imgLink[n]='#'; //imgAlt[n]='人'; var imgLink=new Array("../html/info/buy/20060313/218.html","../html/info/buy/20060328/220.html","../html/info/newly/20060305/227.html","../html/expo/expoinfo/20060302/253.html","../html/expo/expoinfo/20060306/264.html","../html/expo/expoinfo/20060305/262.html","../html/expo/expoinfo/20060302/255.html","../html/expo/expoinfo/20060304/260.html","../html/expo/expoinfo/20060303/259.html","../html/expo/expoinfo/20060303/258.html","../html/tech/yingxiang/20051230/247.html","../html/expo/expoinfo/20060718/289.html","../html/expo/expoinfo/20060926/296.html","../html/expo/expoinfo/20060718/290.html","../20061102/282.html","../20060413/265.html","../html/tech/penmo/20060410/234.html","../html/expo/expoinfo/20061112/337.html","../html/expo/expoinfo/20061110/336.html","../html/expo/expoinfo/20061109/335.html"); var imgUrl=new Array("/ddimg/inkartlit/20060413/174133838lit.jpg","/ddimg/inkartlit/20060413/152435114lit.jpg","/ddimg/inkartlit/20060413/154929222lit.jpg","/ddimg/inkartlit/20060414/100643516lit.jpg","/ddimg/inkartlit/20060414/105517504lit.jpg","/ddimg/inkartlit/20060414/104811909lit.jpg","/ddimg/inkartlit/20060414/102529671lit.jpg","/ddimg/inkartlit/20060414/104226618lit.jpg","/ddimg/inkartlit/20060414/104106374lit.jpg","/ddimg/inkartlit/20060414/104049844lit.jpg","/ddimg/inkartlit/20060413/165327274lit.jpg","/ddimg/inkartlit/20061103/110504352lit.gif","/ddimg/inkartlit/20061106/155825751lit.jpg","/ddimg/inkartlit/20061103/112838684lit.gif","/ddimg/upinkimages/20061103/100525787.gif","/ddimg/upinkimages/20060414/171800616.jpg","/ddimg/inkartlit/20060413/161500704lit.jpg","/ddimg/inkartlit/20061113/152342786lit.jpg","/ddimg/inkartlit/20061113/150713510lit.jpg","/ddimg/inkartlit/20061113/145606618lit.jpg"); var imgText=new Array("性价比典范－惠普超性价比打印机HP7838试用","[促销]最大A3幅面 佳能8色打印机降500元","专业艺术打印新纪元 佳能发布2款A3+喷墨新品","第一届广州国际打印技术及耗材展回顾","第二届广州（国际）打印耗材展圆满结束","广州国际打印技术及耗材展 趣味多多","第二届耗材展广州开幕 吸引上万观众","广州耗材展部分厂商展台欣赏","乐凯数码参加第二届广州国际耗材展","鸿盛公司参加第二届广州国际耗材展","跟我学寸照排版打印 十步搞定","第十四届上海国际广告技术设备展览会","HPOTOKINA 报道之德国风情","图片报道第十四届上海国际广告技术设备展","德国科隆 PHOTOKINA 2006","2006第二届广州国际耗材展","2006年三大品牌墨水创新技术大比拼","展会现场报道（4）","展会现场的图片报道（3）","展会现场的图片报道（2）"); var imgAlt=new Array("性价比典范－惠普超性价比打印机HP7838试用","[促销]最大A3幅面 佳能8色打印机降500元","专业艺术打印新纪元 佳能发布2款A3+喷墨新品","第一届广州国际打印技术及耗材展回顾","第二届广州（国际）打印耗材展圆满结束","广州国际打印技术及耗材展 趣味多多","第二届耗材展广州开幕 吸引上万观众","广州耗材展部分厂商展台欣赏","乐凯数码参加第二届广州国际耗材展","鸿盛公司参加第二届广州国际耗材展","跟我学寸照排版打印 十步搞定","第十四届上海国际广告技术设备展览会","HPOTOKINA 报道之德国风情","图片报道第十四届上海国际广告技术设备展","德国科隆 PHOTOKINA 2006","2006第二届广州国际耗材展","2006年三大品牌墨水创新技术大比拼","展会现场报道（4）","展会现场的图片报道（3）","展会现场的图片报道（2）"); var count=0; for (var i=0;i<imgUrl.length;i++) { if( (imgUrl[i]!="") && (imgText[i]!="")&& (imgLink[i]!="")&& (imgAlt[i]!="")) { count++; } else { break; } } function change(){ if (ver==1){ with($('f_img').filters[0]){ Transition=1; apply(); play(); } } if (firstTime){ firstTime=false;timeOut=_timeOut_/1000;} else{ $('f_img').src=imgUrl[now]; $('f_img').alt=imgAlt[now]; $('f_imgLink').href=imgLink[now]; if (show_text) $('f_text').innerHTML=imgText[now]; for (var i=0;i<count;i++) { $('b'+i).className="button"; } $('b'+now).className="on"; now=(now>=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)); } //图片 var a = document.createElement("a"); a.id="f_imgLink"; a.target=target; a.href=imgLink[now]; $('f_imgdiv').appendChild(a); var img = document.createElement("img"); img.id="f_img"; //img.width=imgWidth; //img.height=imgHeight; img.style.width=imgWidth; img.style.height=imgHeight; img.src=imgUrl[now]; img.alt=imgAlt[now]; 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=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[now]; //表现层 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); |
最近读者：
