使用jQuery来创建Silverlight

使用jQuery来创建Silverlight

jQuery已经成为了VS2010内置支持的JavaScript脚本框架了,小巧实用。这里看看怎么用jQuery来在页面中创建一个Silverlight。( 呵呵,有一种swfobject的感觉了 )

jquery.silverlight.js

jQuery.fn.extend({     silverlight: function(opts) {         _opts = jQuery.extend({             background: 'white',             minRuntimeVersion: '2.0.31005.0',             autoUpgrade: true,             windowless: false,             width: '100%',             height: '100%'         }, opts);         if (!_opts.source || _opts.source == '') throw new error('「source」属性不能为空 ');         var obj = $('<object>').attr({             data: 'data:application/x-silverlight-2,',             type: 'application/x-silverlight-2',             width: _opts.width,             height: _opts.height         });         jQuery.each(_opts, function(name, value) {             if (name == 'width' || name == 'height') return;             obj.append(                 $('<param>').attr({                     name: name,                     value: value                 })             );         });         obj.append(             $('<a>').attr('href', 'http://go.microsoft.com/fwlink/?LinkID=124807').css('text-decoration', 'none').append(                 $("<img>").attr({                     src: 'http://go.microsoft.com/fwlink/?LinkId=108181',                     alt: '立刻安装 Microsoft Silverlight'                 }).css('border-style', 'none')             )         );         $(this).append(obj);     } });

使用方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head>     <title>jQuery with Silverlight</title>     <script type="text/javascript" src="jquery-1.3.1.min.js"></script>     <script type="text/javascript" src="jquery.silverlight.js"></script>        <script type="text/javascript">            $(document).ready(function() {             $("#silverlightControlHost").silverlight({                 source: 'SilverlightApplication.xap'             });         });     </script>        <style type="text/css">     html, body {         height: 100%;         overflow: auto;     }     body {         padding: 0;         margin: 0;     }     #silverlightControlHost {         height: 100%;     }     </style>   </head> <body>     <div id="silverlightControlHost">     </div> </body> </html>

相关网址

http://jquery.com/

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏hbbliyong

win8快捷键大全分享,非常全

Windows 8全新的Metro操作体验,对于没有平板只能用快捷键来提高效率了。全面的Windows 8快捷键,请下载微软官方的Windows 8快捷键表格,...

2874
来自专栏猿人谷

使用鼠标

C语言Windows程序设计 -> 第十一天 -> 使用鼠标 鼠标的使用同样是通过获取Windows鼠标消息来获取用户当前的鼠标状态的。 一、鼠标的介绍 ...

20010
来自专栏林德熙的博客

win10 uwp 车表盘 径向规

这个库是大神做的,要使用大神做的库是很简单。在安装完成了 nuget 就可以在我们需要的项目引用xmlns:controls="using:WinRTXamlT...

3691
来自专栏林德熙的博客

wpf 如何使用 Magick.NET 播放 gif 图片 安装 Magick.NET解析 gif播放 gif

最近在做 gif 播放,发现 gif 播放需要很多内存,于是就使用 Magick.NET 播放,但是这个方式也需要很多的内存。播放一张 uwp 萤火虫 需要 ...

662
来自专栏我和未来有约会

Silverlight性能优化

Silverlight性能优化 性能优化 监视性能(FPS) Silverlight的呈现性能会因指定的宿主参数和内容的复杂程度而异。 为了监视FPS的值我们...

1887
来自专栏Web 开发

iOS9.1终于可以关闭讨厌的300ms延迟了

https://developer.apple.com/library/prerelease/mac/releasenotes/General/WhatsNew...

810
来自专栏晓晨的专栏

wpf、winform仿QQ靠边隐藏

832
来自专栏张高兴的博客

张高兴的 Xamarin.Forms 开发笔记:TapGestureRecognizer 的简单介绍与应用

1172
来自专栏林德熙的博客

win10 uwp win2d CanvasVirtualControl CanvasAnimatedControlCanvasVirtualControl其他博客

本文来告诉大家 CanvasVirtualControl ,在什么时候使用这个控件。

1581
来自专栏菩提树下的杨过

用Design+Blend轻松制作环形文字

先看效果图: ? 步骤: 1.先启动Microsoft Expression Design 3 a.画一个正圆,再随便打几个字,同时选中文字和圆 b.选择菜单栏...

18510

扫码关注云+社区