Js image switching effect [Beijing Olympic Games]

Source: Internet
Author: User
Tip: you can modify some code before running

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>Js image switching effect</title></head><script src="http://www.sohu.com/sohuflash_1.js" type="text/javascript">Td, body, input, select {font-size: 12px; color: #000000; line-height: 18px }. ui_top {color: #000000; font-size: 12px; line-height: 18px ;}. ui_top a: link {color: #000000; text-decoration: none ;}. ui_top a: visited {color: #000000; text-decoration: none ;}. ui_top a: hover {color: #000000; text-decoration: underline;} a: link {color: #000000; text-decoration: none;} a: visited {color: #000000; text-decoration: none;} a: hover {color: #000000; text-decoration: underline ;}. black {color: # ffffff; line-height: 18px; font-size: 12px ;}. black a: link {color: # ffffff; text-decoration: none; font-size: 12px ;}. black a: visited {color: # ffffff; text-decoration: none; font-size: 12px ;}. black a: hover {color: # ffffff; text-decoration: underline; font-size: 12px ;}. nav {font-size: 14px; line-height: 20px; color: #000000; font-weight: bold }. nav a: link ,. nav a: visited {color: #000000; text-decoration: none }. nav a: hover {color: #000000; text-decoration: underline}/* do not change above */. f12_ffff {font-size: 12px; line-height: 18px; color: # ffffff }. f12_ffff td {font-size: 12px; line-height: 18px; color: # ffffff }. f12_ffff a: link {color: # ffffff; text-decoration: none }. f12_ffff a: visited {color: # ffffff; text-decoration: none }. f12_ffff a: hover {color: #595959; text-decoration: underline }. f12_5959 {font-size: 12px; line-height: 22px; color: #595959 }. f12_5959 td {font-size: 12px; line-height: 22px; color: #595959 }. f12_5959 a: link {color: #595959; text-decoration: none }. f12_5959 a: visited {color: #595959; text-decoration: none }. f12_5959 a: hover {color: #004DC0; text-decoration: underline }. f12_B6B6 {font-size: 12px; line-height: 18px; color: # B6B6B6 }. f12_B6B6 a: link {color: # B6B6B6; text-decoration: none }. f12_B6B6 a: visited {color: # B6B6B6; text-decoration: none }. f12_B6B6 a: hover {color: # FE280E; text-decoration: underline}/* new */. f12_E600 {font-size: 12px; line-height: 18px; color: # E60000 }. f12_E600 a: link {color: # E60000; text-decoration: none }. f12_E600 a: visited {color: # E60000; text-decoration: none }. f12_E600 a: hover {color: # E60000; text-decoration: underline }. f12_FE28 {font-size: 12px; line-height: 18px; color: # FE280E }. f12_FE28 a: link {color: # FE280E; text-decoration: none }. f12_FE28 a: visited {color: # FE280E; text-decoration: none }. f12_FE28 a: hover {color: # FE280E; text-decoration: underline }. f12_9595 {font-size: 12px; line-height: 18px; color: #959595 }. f12_9595 a: link {color: #959595; text-decoration: none }. f12_9595 a: visited {color: #959595; text-decoration: none }. f12_9595 a: hover {color: #959595; text-decoration: underline }. f12_9C9C {font-size: 12px; line-height: 18px; color: # 9C9C9C }. f12_9C9C a: link {color: # 9C9C9C; text-decoration: none }. f12_9C9C a: visited {color: # 9C9C9C; text-decoration: none }. f12_9C9C a: hover {color: # 9C9C9C; text-decoration: underline }. f12_FF6C15 {font-size: 12px; line-height: 18px; color: # FF6C15 }. text1 {border: 1px solid #999999; color: #999999; font-size: 12px; line-height: 12px; padding-top: 2px ;}. text2 {border: 1px solid # B5B5B5; color: # B5B5B5; font-size: 12px; line-height: 12px; padding-top: 2px; height: 20px ;}. menu1 {padding-left: 18px; padding-top: 3px ;}. menu3 {padding-left: 22px; padding-top: 3px ;}. img1 {border: 2px solid # D0D0D0 ;}. img2 {border: 1px solid #6D6B68 ;}. img3 {border: 2px solid # ffffff ;}. img4 {border: 1px solid # B4B4B4 ;}. img5 {border: 1px solid # CFCFCF ;}. date1 {font-size: 12px; color: # B6B6B6 ;}. dian1 {color: # E60000; font-size: 12px; line-height: 22px ;}. dian2 {color: # D00909; font-size: 12px; line-height: 22px ;}. b1 {color: # F5A100; font-size: 13px; font-weight: bold ;}. b2 {color: # 2A8BBE; font-size: 12px ;}. b3 {font-size: 18px; font-family: 'simhei '; line-height: 21px }. b4 {color: #0B3D92; font-size: 12px ;}. pd1 {padding-left: 12px; padding-top: 3px ;}. pd2 {padding-left: 12px; padding-top: 2px; line-height: 22px ;}. pd3 {padding-left: 12px; padding-top: 4px ;}. lh24 {line-height: 24px ;}. lh2{ line-height: 22px ;}. lh20 {line-height: 20px ;}. lh18 {line-height: 18px ;}. lh14 {line-height: 14px ;}. dhwz18 {font-size: 18px; font-family: 'simhei '; line-height: 22px }. dhwz16 {font-size: 16px }. dhwz14 {font-size: 14px }. dhwz12 {font-size: 12px }. bold {font-weight: bold }. f14_FE28 {font-size: 14px; line-height: 18px; color: # FE280E }. center_bot {background: # ffffff url (yun_qi_img/Img212064225.gif) repeat-x bottom ;}. right_bot {background: url (images/right_bot.gif) repeat-x bottom ;}. dh_text1 {border: 1px solid # B5B5B5; background: # ffffff; color: #595959; height: 18px; line-height: 14px; padding-top: 2px ;}. yy_time {color: # F5A100; line-height: 32px; font-family: Impact; font-size: 24px ;}. imgbg1 {background: url (images/dp3_bg1.gif) repeat-x top}</script><body><div id="sasFlashFocus27"></div><script>if(typeof sas=="undefined")var sas=new Object();if(typeof sas.ued=="undefined")sas.ued=new Object();if(typeof sas.ued.util=="undefined")sas.ued.util=new Object();if(typeof sas.ued.FlashObjectUtil=="undefined")sas.ued.FlashObjectUtil=new Object();sas.ued.FlashObject=function(swf,id,w,h,ver,c,useExpressInstall,quality,xiRedirectUrl,redirectUrl,detectKey){if(!document.createElement||!document.getElementById)return;this.DETECT_KEY=detectKey?detectKey:'detectflash';this.skipDetect=sas.ued.util.getRequestParameter(this.DETECT_KEY);this.params=new Object();this.variables=new Object();this.attributes=new Array();this.useExpressInstall=useExpressInstall;if(swf)this.setAttribute('swf',swf);if(id)this.setAttribute('id',id);if(w)this.setAttribute('width',w);if(h)this.setAttribute('height',h);if(ver)this.setAttribute('version',new sas.ued.PlayerVersion(ver.toString().split(".")));this.installedVer=sas.ued.FlashObjectUtil.getPlayerVersion(this.getAttribute('version'),useExpressInstall);if(c)this.addParam('bgcolor',c);var q=quality?quality:'high';this.addParam('quality',q);var xir=(xiRedirectUrl)?xiRedirectUrl:window.location;this.setAttribute('xiRedirectUrl',xir);this.setAttribute('redirectUrl','');if(redirectUrl)this.setAttribute('redirectUrl',redirectUrl)};sas.ued.FlashObject.prototype={setAttribute:function(name,value){this.attributes[name]=value},getAttribute:function(name){return this.attributes[name]},addParam:function(name,value){this.params[name]=value},getParams:function(){return this.params},addVariable:function(name,value){this.variables[name]=value},getVariable:function(name){return this.variables[name]},getVariables:function(){return this.variables},createParamTag:function(n,v){var p=document.createElement('param');p.setAttribute('name',n);p.setAttribute('value',v);return p},getVariablePairs:function(){var variablePairs=new Array();var key;var variables=this.getVariables();for(key in variables){variablePairs.push(key+"="+variables[key])}return variablePairs},getFlashHTML:function(){var flashNode="";if(navigator.plugins&&navigator.mimeTypes&&navigator.mimeTypes.length){if(this.getAttribute("doExpressInstall"))this.addVariable("MMplayerType","PlugIn");flashNode='<embed type="application/x-shockwave-flash" src="'+this.getAttribute('swf')+'" width="'+this.getAttribute('width')+'" height="'+this.getAttribute('height')+'"';flashNode+=' id="'+this.getAttribute('id')+'" name="'+this.getAttribute('id')+'" ';var params=this.getParams();for(var key in params){flashNode+=[key]+'="'+params[key]+'" '}var pairs=this.getVariablePairs().join("&");if(pairs.length>0){flashNode+='flashvars="'+pairs+'"'}flashNode+='/>'}else{if(this.getAttribute("doExpressInstall"))this.addVariable("MMplayerType","ActiveX");flashNode='<object id="'+this.getAttribute('id')+'" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="'+this.getAttribute('width')+'" height="'+this.getAttribute('height')+'">';flashNode+='<param name="movie" value="'+this.getAttribute('swf')+'" />';var params=this.getParams();for(var key in params){flashNode+='<param name="'+key+'" value="'+params[key]+'" />'}var pairs=this.getVariablePairs().join("&");if(pairs.length>0){flashNode+='<param name="flashvars" value="'+pairs+'" />'}flashNode+="</object>"}return flashNode},write:function(elementId){if(this.useExpressInstall){var expressInstallReqVer=new sas.ued.PlayerVersion([6,0,65]);if(this.installedVer.versionIsValid(expressInstallReqVer)&&!this.installedVer.versionIsValid(this.getAttribute('version'))){this.setAttribute('doExpressInstall',true);this.addVariable("MMredirectURL",escape(this.getAttribute('xiRedirectUrl')));document.title=document.title.slice(0,47)+" - Flash Player Installation";this.addVariable("MMdoctitle",document.title)}}else{this.setAttribute('doExpressInstall',false)}if(this.skipDetect||this.getAttribute('doExpressInstall')||this.installedVer.versionIsValid(this.getAttribute('version'))){var n=(typeof elementId=='string')?document.getElementById(elementId):elementId;n.innerHTML=this.getFlashHTML()}else{if(this.getAttribute('redirectUrl')!=""){document.location.replace(this.getAttribute('redirectUrl'))}}}};sas.ued.FlashObjectUtil.getPlayerVersion=function(reqVer,xiInstall){var PlayerVersion=new sas.ued.PlayerVersion(0,0,0);if(navigator.plugins&&navigator.mimeTypes.length){var x=navigator.plugins["Shockwave Flash"];if(x&&x.description){PlayerVersion=new sas.ued.PlayerVersion(x.description.replace(/([a-z]|[A-Z]|s)+/,"").replace(/(s+r|s+b[0-9]+)/,".").split("."))}}else{try{var axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash");for(var i=3;axo!=null;i++){axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash."+i);PlayerVersion=new sas.ued.PlayerVersion([i,0,0])}}catch(e){}if(reqVer&&PlayerVersion.major>reqVer.major)return PlayerVersion;if(!reqVer||((reqVer.minor!=0||reqVer.rev!=0)&&PlayerVersion.major==reqVer.major)||PlayerVersion.major!=6||xiInstall){try{PlayerVersion=new sas.ued.PlayerVersion(axo.GetVariable("$version").split(" ")[1].split(","))}catch(e){}}}return PlayerVersion};sas.ued.PlayerVersion=function(arrVersion){this.major=parseInt(arrVersion[0])||0;this.minor=parseInt(arrVersion[1])||0;this.rev=parseInt(arrVersion[2])||0};sas.ued.PlayerVersion.prototype.versionIsValid=function(fv){if(this.major<fv.major)return false;if(this.major>fv.major)return true;if(this.minor<fv.minor)return false;if(this.minor>fv.minor)return true;if(this.rev<fv.rev)return false;return true};sas.ued.util={getRequestParameter:function(param){var q=document.location.search||document.location.href.hash;if(q){var startIndex=q.indexOf(param+"=");var endIndex=(q.indexOf("&",startIndex)>-1)?q.indexOf("&",startIndex):q.length;if(q.length>1&&startIndex>-1){return q.substring(q.indexOf("=",startIndex)+1,endIndex)}}return""}};if(Array.prototype.push==null){Array.prototype.push=function(item){this[this.length]=item;return this.length}}var getQueryParamValue=sas.ued.util.getRequestParameter;var sohuFlash=sas.ued.FlashObject;txt="<a big='yun_qi_img/Img214002820.jpg' small='yun_qi_img/Img214002821.jpg' info='2006年度北京奥运十大新闻评选 精彩奖品天天有a ' url='http://www.beijing2008.com/09/23/column212062309.shtml' /><a big='yun_qi_img/Img214002805.jpg' small='yun_qi_img/Img214002806.jpg' info='北京2008奥林匹克教育“同心结”交流活动启动仪式' url='http://www.beijing2008.cn/81/02/column212010281.shtml'/><a big='yun_qi_img/Img214002758.jpg' small='yun_qi_img/Img214002760.jpg' info='迎接奥运倒计时600天 “鸟巢”工地建设忙' url='http://www.beijing2008.cn/49/27/article214002749.shtml' /><a big='yun_qi_img/Img214001503.jpg' small='yun_qi_img/Img214001504.jpg' info='北京奥运会倒计时600天 喜迎新年奥运特许商品推陈出新' url='http://www.beijing2008.cn/88/14/article214001488.shtml' /><a big='yun_qi_img/Img214002763.jpg' small='yun_qi_img/Img214002764.jpg' info='奥运项目:马术' url='http://www.beijing2008.cn/62/52/column212015262.shtml' />"var sohuFlash2 = new sohuFlash("http://www.beijing2008.cn/upload/demo_c.swf", "27", 396, 238, "6");sohuFlash2.addParam("quality", "high");sohuFlash2.addParam("wmode", "opaque");sohuFlash2.addVariable("txt",txt);sohuFlash2.write("sasFlashFocus27");</script></body></html>
Tip: you can modify some code before running

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.