Silverlight是什么

Silverlight 是Microsoft推出的一项全新的跨平台与跨浏览器的客户端技术,能设计与开发出具备丰富多媒体效果的可交互WEB程序.简单的几句代码就能快速的展示出非凡的效果.大家可以尝试以下代码,感受一下Silverlight的效果:

使用说明:代码直接来自奚江华的<Silverlight 完美入门 >一书,总共五个文件,Test.html / Test.xaml / Silverlight.js / Test.html.js / Test.xaml.js 可以看到,Silverlight的技术新在Test.xaml里面,其他的html和javascript技术都是我们之前已经有的,所以大家不需要那么害怕Silverlight.Test.xaml里面的代码也有限,看下图:(实际上不是三个黄色的小球,而是一个黄色小球从左上角渐变出来,图片显示的小黄球运动和变化的轨迹)

如果不用Silverlight,大家估计只能用FLASH或者图片GIF来设计了,现在有了Silverlight,几句代码就可以实现.好了,下面大家可以把代码拷贝下来,五个文件存到同一目录下,然后打开Test.html,即可看到Silverlight的效果.

代码不需要看懂,只要知道以下几点:

1)许多2D和绚目的效果,以前HTML等语言无法实现,只能借助FLASH和PHTOTOSHOP特别处理过的效果,现在Silverlight用代码就可以实现,且易于搜索引擎的收录.

2)Silverlight并不复杂,涉及到的新技术只有XAML,其他的HTML,JAVASCRITP,DOM等都是老面孔.

3)无论asp/asp.net/php/jsp网站都可以和Silverlight完美的结合使用,没有"门户"之见.(实验过下面的小例子大家应该就能感受到),因为Silverlight是客户端程序,不在服务器端,这点非常重要.

4)浏览Silverlight站,需要安装Silverlight客户端程序,大家可以到 http://www.microsotf.com/silverlight/install.aspx   会自动检测你的电脑是否具备浏览Silverlight站的功能,如果不可以会提示Install Now,大家安装就是了,类似于打开含有FLASH的网站需要装FLASH播放插件一样.

好啦,大家先来试试看,自己的第一个Silverlight程序!!!

Silverlight.js(包含用于下载和实例化 Silverlight 控件的代码 )

 

if ( ! window.Silverlight)window.Silverlight =

... {} ;Silverlight._silverlightCount = 0 ;Silverlight.ua = null ;Silverlight.available = false ;Silverlight.fwlinkRoot = " http://go.microso

ft.com/fwlink/?LinkID= " ;Silverlight.StatusText = " Get Microsoft 

Silverlight " ;Silverlight.EmptyText = "" ;Silverlight.detectUserAgent = function () ... { var  

a = window.navigator.userAgent;Silverlight.ua = ... {OS: " Unsupported " ,Browser: " Unsupported " } ; if (a.indexOf( " Windows NT " ) >= 0 )

Silverlight.ua.OS = " Windows " ; else   if (a.indexOf( " PPC Mac OS X " ) >= 0 )Silverlight.ua.OS = " MacPPC " ; else   if (a.indexOf( " Intel Mac OS 

X " ) >= 0 )Silverlight.ua.OS = " MacIntel " ; if (Silverlight.ua.OS != " Unsupported " ) if (a.indexOf( " MSIE " ) >= 0 ) ... { if

(navigator.userAgent.indexOf( " Win64 " ) ==- 1 ) if (parseInt(a.split( " MSIE " )[ 1 ]) >= 6 )Silverlight.ua.Browser = " MSIE " } else   if

(a.indexOf( " Firefox " ) >= 0 ) ... { var  b = a.split( " Firefox/ " )[ 1 ].split( " . " ),c = parseInt(b[ 0 ]); if (c >= 2 )

Silverlight.ua.Browser = " Firefox " ; else ... { var  d = parseInt(b[ 1 ]); if (c == 1 && d >= 5 )Silverlight.ua.Browser = " Firefox " } } else   if

(a.indexOf( " Safari " ) >= 0 )Silverlight.ua.Browser = " Safari " } ;Silverlight.detectUserAgent();Silverlight.isInstalled = function (d)

... { var  c = false ,a = null ; try ... { var  b = null ; if (Silverlight.ua.Browser == " MSIE " )b = new  ActiveXObject( " AgControl.AgControl " ); else   if

(navigator.plugins[ " Silverlight Plug-In " ]) ... {a = document.createElement( " div " );document.body.appendChild(a);a.innerHTML = ' <embed 

type="application/x-silverlight" /> ' ;b = a.childNodes[ 0 ]} if (b.IsVersionSupported(d))c = true ;b = null ;Silverlight.available = true }

catch (e) ... {c = false } if (a)document.body.removeChild(a); return  c} ;Silverlight.createObject = function (l,g,m,j,k,i,h) ... { var  b =

... {} ,a = j,c = k;a.source = l;b.parentElement = g;b.id = Silverlight.HtmlAttributeEncode(m);b.width = Silverlight.HtmlAttributeEncode

(a.width);b.height = Silverlight.HtmlAttributeEncode(a.height);b.ignoreBrowserVer = Boolean

(a.ignoreBrowserVer);b.inplaceInstallPrompt = Boolean(a.inplaceInstallPrompt); var  e = a.version.split( " . " );b.shortVer = e[ 0 ]

+ " . " + e[ 1 ];b.version = a.version;a.initParams = i;a.windowless = a.isWindowless;a.maxFramerate = a.framerate; for ( var  d  in  c) if (c[d]

&& d != " onLoad " && d != " onError " ) ... {a[d] = c[d];c[d] = null } delete  a.width; delete  a.height; delete  a.id; delete  a.onLoad; delete  

a.onError; delete  a.ignoreBrowserVer; delete  a.inplaceInstallPrompt; delete  a.version; delete  a.isWindowless; delete  

a.framerate; if (Silverlight.isInstalled(b.version)) ... { if (Silverlight._silverlightCount == 0 ) if (window.addEventListener)

window.addEventListener( " onunload " ,Silverlight.__cleanup, false ); else  window.attachEvent

( " onunload " ,Silverlight.__cleanup); var  

f = Silverlight._silverlightCount ++ ;a.onLoad = " __slLoad " + f;a.onError = " __slError " + f;window[a.onLoad] = function (a) ... { if (c.onLoad)

c.onLoad(document.getElementById(b.id),h,a)} ;window[a.onError] = function (a,b) ... { if (c.onError)c.onError(a,b); else  

Silverlight.default_error_handler(a,b)} ;slPluginHTML = Silverlight.buildHTML(b,a)} else  

slPluginHTML = Silverlight.buildPromptHTML(b); if (b.parentElement)b.parentElement.innerHTML = slPluginHTML; else   return  

slPluginHTML} ;Silverlight.supportedUserAgent = function () ... { var  

a = Silverlight.ua,b = a.OS == " Unsupported " || a.Browser == " Unsupported " || a.OS == " Windows " && a.Browser == " Safari " || a.OS.indexOf( " Mac " )

>= 0 && a.Browser == " IE " ; return   ! b} ;Silverlight.buildHTML = function (c,d) ... { var  a = [],e,i,g,f,h; if (Silverlight.ua.Browser == " Safari " )

... {a.push( " <embed  " );e = "" ;i = "   " ;g = ' =" ' ;f = ' " ' ;h = '  type="application/x-silverlight"/> ' + " <iframe 

style='visibility:hidden;height:0;width:0'/> " } else ... {a.push( ' <object type="application/x-silverlight" ' );e = " > " ;i = '  <param 

name=" ' ;g = ' " value=" ' ;f = ' " /> ' ;h = " </object> " } a.push( '  id=" ' + c.id + ' " width=" ' + c.width + ' " height=" ' + c.height + ' "  ' + e); for ( var  b 

in  d) if (d[b])a.push(i + Silverlight.HtmlAttributeEncode(b) + g + Silverlight.HtmlAttributeEncode(d[b]) + f);a.push(h); return  a.join

( "" )} ;Silverlight.default_error_handler = function (e,b) ... { var  d,c = b.ErrorType;d = b.ErrorCode; var  a = " Silverlight error message   

   " ;a += " ErrorCode:  " + d + " " ;a += " ErrorType:  " + c + "         " ;a += " Message:  " + b.ErrorMessage + "       " ; if (c == " ParserError " )

... {a += " XamlFile:  " + b.xamlFile + "       " ;a += " Line:  " + b.lineNumber + "       " ;a += " Position:  " + b.charPosition + "       " } else   if

(c == " RuntimeError " ) ... { if (b.lineNumber != 0 ) ... {a </