[問題] MSN Live Map 的作法?

看板Ajax作者 (CTO之路)時間18年前 (2007/01/02 05:10), 編輯推噓0(000)
留言0則, 0人參與, 最新討論串1/1
http://local.live.com/default.aspx?wip=2&v=2&style=r&rtp=~&&msnurl=home.aspx?%26redirect%3dfalse&msnculture=en-US 這是MSN上的地圖網站。 用檢視原始碼,看到的語法如附件: 關於這個網頁裡能攔到滑鼠中間的滾輪事件, 之前我所看到的網頁大概只有applet和flash可以做到。 但這個地圖網頁,卻不太像applet及flash的手法, 另外,應該可以確定,這是個ajax技術的網站。 不知道是否有人知道這技術是如何實做的? 附件: <html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:Web="http://schemas.live.com/Web/" dir="ltr"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv = "imagetoolbar" content = "no"> <meta http-equiv = "cache-control" content = "no-cache"> <meta id="msve_title" name = "title" > <meta id="msve_description" name = "description"> <noscript> <meta http-equiv = "refresh" content = "0; URL=Help/en-us/NoJavascript.htm"> </noscript> <link rel = "stylesheet" type = "text/css" href = "http://st1.local.live.com/css/bin/1.3.1204222815.33/en/main.css?v=1.3.1204222815.33" media = "screen" /> <link rel = "stylesheet" type = "text/css" href = "http://st1.local.live.com/css/bin/1.3.1204222815.33/en/mainPrint.css?v=1.3.1204222815.33" media = "print" /> <link rel = "stylesheet" type = "text/css" href = "http://st1.local.live.com/css/bin/1.3.1204222815.33/en/adv.css?v=1.3.1204222815.33" media = "screen" /> <style> v\:* { behavior:url(#default#VML); } </style> <!-- [ Javascripts ] --> <script type = "text/javascript"> var enableJSWatson = '1'; </script> <script type = "text/javascript" src = "" rel="nofollow">http://sc1.local.live.com/js/jswatson.js"></script> <!-- Config Values --> <script type = "text/javascript" src = "" rel="nofollow">http://sc1.local.live.com/js/bin/1.3.1204222815.33/en-us/configvalues.js?v=3"></script> <!-- [ Omniture Logging ] --> <script type = "text/javascript"> //Files window.veScript = "./js/bin/1.3.1204222815.33/en-us/ve.js?v=4"; window.mapScript = "http://sc1.local.live.com/mapcontrol.asjx?mkt=en-us"; window.printStyle = "http://st1.local.live.com/css/bin/1.3.1204222815.33/en/mapcontrolprint.css?v=1.3.1204222815.33"; window.mapStyle = "http://st1.local.live.com/css/bin/1.3.1204222815.33/en/mapcontrol.css"; window.bFinder = "./js/bin/1.3.1204222815.33/en-us/brandfinder.js?v=4"; window.mapDraw = "./js/bin/1.3.1204222815.33/en-us/mapdrawing.js?v=4"; //Other window.where1BoundingBox = []; window.where1LocationData = []; window.where1AmbiguousList = []; window.passportLoginButtonHtml = "<a href=http://login.live.com/login.srf?wa=wsignin1.0&rpsnv=10&ct=1167685781&rver=4.0.1532.0&wp=MBI&wreply=http:%2F%2Flocal.live.com%2Fdefault.aspx%3Fwip%3D2%26v%3D2%26style%3Dr%26rtp%3D~%26%26msnurl%3Dhome.aspx%3F%26redirect%3Dfalse%26msnculture%3Den-US&lc=1033&id=72196>$L_PassportSignIn_Text$</a>"; window.buildVersion = '1.3.1204222815.33'; window.locale = 'en-us'; window.click2callenabled = 'True'=='True' ? true : false; window.click2callurl = 'https://web.mpc.v2s.msn.com'; window.send2phoneenabled = 'True'=='True' ? true : false; window.send2phoneurl = 'http://mobile.live.com'; window.revIPLat = ''; window.revIPLong = ''; window.cCallPICode = '88137'; window.__mainPage = true; </script> <script type = "text/javascript" src = "./js/bin/1.3.1204222815.33/en-us/pageinit.js"></script> <script type = "text/javascript"> try { window.passportLoginButtonHtml = window.passportLoginButtonHtml.replace("$L_PassportSignOut_Text$", L_PassportSignOut_Text).replace("$L_PassportSignIn_Text$", L_PassportSignIn_Text); } catch(err) { //Default to sign-in window.passportLoginButtonHtml = L_PassportSignIn_Text; } // DOM Level 0 hookup to make Atlas happy window.onload = __main; </script> <!-- [ End Javascripts ] --> <!--[if gte IE 7]> <link rel = "stylesheet" type = "text/css" href = "http://st1.local.live.com/css/ie7.css" media = "screen" /> <![endif]--> <!--[if gte IE 5]> <link rel = "stylesheet" type = "text/css" href = "http://st1.local.live.com/css/ie.css" media = "screen" /> <![endif]--> <!--[if lt IE 7]> <link rel = "stylesheet" type = "text/css" href = "http://st1.local.live.com/css/ie6.css" media = "screen" /> <![endif]--> </head> <body id = "windows_live_local"> <div id = "UI_PlaceHolder"></div> <script type = "text/javascript"> g_flightId = '0'; omnitureAccount += (defaultReportSuites.indexOf('|' + g_flightId + '|') != -1 ? '' : g_flightId); s_account = omnitureAccount; </script> <script type = "text/javascript" src = "" rel="nofollow">http://stj.msn.com/br/om/js/s_code.js"></script> <script> var scopingBarEnabled = true; </script> <web:binding selector="#msve_ScopingBar_widget" type="Search.ScopeDock"> <web:defaults> <web:param name="scope" value="local"></web:param> <web:param name="market" value="en-us"></web:param> <web:param name="searchboxid" value="scopingwhat"></web:param> <web:param name="searchroot" value="search.live.com"></web:param> <web:param name="pscode" value="94763"></web:param> </web:defaults> <web:references priority="High"> <web:add src="http://search.live.com/partners/scopebar.js?v=1" type="script"></web:add> <web:add src="http://search.live.com/partners/scopebar.css?v=1" type="css"></web:add> </web:references> </web:binding> <script> function downloadC2CScript(){VENetwork.DownloadScript("https://web.mpc.v2s.msn.com/content/shared/widget/js/mpcallfactorywll.js", null);} </script> <script> function downloadS2PScript(){VENetwork.DownloadScript("http://stj.msn.com/br/gbl/js/snd2m20.js", null);} </script> <!--[if !IE]>--> <script type="text/javascript" src="" rel="nofollow">http://shared.live.com/~Live.GadgetFramework/~11.5.1926/atlascompat.js"></script> <!--<![endif]--> <script type="text/javascript" src="" rel="nofollow">http://shared.live.com/~Live.GadgetFramework/~11.5.1926/liveframework.js"></script> <div id= "PrintMessage"></div> -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 220.132.163.139
文章代碼(AID): #15cNZH3k (Ajax)
文章代碼(AID): #15cNZH3k (Ajax)