Baiduの画像からの代替効果コード
3360 ワード
これはウェブデザインの中でよく使われている写真の特効で、複数の写真の間の交替を実現し、それぞれ接続を持っています。以前のコードはIEにしか使えませんでした。FFの下ではずっとうまく解決できませんでした。 var links=new Aray();links[1]="http://tongji.baidu.com";links[2]="http://hi.baidu.com/bdadd/blog/item/6f9f80b12e50cf57092302e3.html";links[3]="http://union.baidu.com/promo/dataunion/index.html";links[4]="http://www.umaz.cn";var imgs=new Aray()for(var n=1)n<=5;n++)imgs[n]=new Image();imgs[1].src=「/upload/200711192223545488.gif」imgs[2].src=「/upload/20071119222354556.jpg」imgs[3].src=「/upload/20071119222354919.jpg」imgs[4].src=「/upload/20071119222354150.jpg」var tits=new Aray();tits[1]=「Baidu統計」tits[2]=「联盟杯カメラマン大会」tits[3]=「百度業界報告」tits[4]=「連合志」var imgwidth=550;/写真の幅var imgheight=134;/写真の幅var str=""style type='text/css''str+=「菵imgnv{display:none]position:absolutebottom:-1 px;ナイト:0height:16 px;骢imgnv div{float:left}magin-right:1 px;";str+=「荋imgnv div.on,苊imgnv div.off.{magin-bottom:1 px];width:30 px;height:15 pxline-height:18 pximpotant;line-height:15 px;font-size:9 pxtext-align:センターcursor:pointer;cursor:hand';str+=「菵imgnv div.on{background:27681;氡CE 0609;カラー:(zhi FFF)font-weight:bold";str+=「菵imgnv div.off{background:菗323232;カラー:(zhi FFF)text-decoration:none";str+=「菵titnv{margin-top:3 px];カラー:(zhi 000)text-align:センターdisplay:none;";str+=「」str+="div style="position:relative";str+=「
str+=「
」document.write(str);var oi=document.getElemenntById(「dimg」)var pause=falsevar curid=1var lastid=1var sw=1;var opacity=100var speed=15var delay=(document.all)?400:700function SetAlpha(){if(document.all){if(oi.filters&&oi.filters.Alpha)ov.filters.Alpha.opacity=opacity;else{ov.style.MozOpacity=((opacity)=100)?99:opacity)/100;}function ImgSwitch(id,p){if(p){pause=true;opacity=100Set Alpha();ov.src=imgs[id].src;Dcument.getElemenntById(「dpink」).href=links[id]Dcument.getElemenntById(「it」+lastid).class Name=「off」Dcument.getElemenntById(「it」+id).class Name=「on」Dcument.getElementById(「titnv」).innerHTML=「」+tits[id]+「=100)return;if(sw==0){opacity+=2;if(opacity>delay){opacity=100;sw=1;}if(sw==1){opacity-=3;if(opacity<10){opacity=10;sw=3;}SetAlpha()if(sw!=3)returnsw=0curid+///修正点2:ここの4も個数if(curid>4)curid=1です。ImgSwitch(curid、false);function Pause(s){pause=s;}function StartScrroll(){setInterval(ScrrollImg,speed)}function Check Load(){if(imgs[1].complettee==true&&imgs[2].compplete==true){clear Interval(checkid);set Timeout(StartScrroll,2000);var checkLoad=set Interval(Check Load、10)[Ctrl+A全選択注:]」+tits[1]+「
」;str+=「