网站导航网学 原创论文 原创专题 网站设计 最新系统 原创论文 论文降重 发表论文 论文发表 UI设计定制 论文答辩PPT格式排版 期刊发表 论文专题
返回网学首页
网学原创论文
最新论文 推荐专题 热门论文 论文专题
当前位置: 网学 > 设计资源 > 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>
  • 上一篇资讯: Silverlight3动态访问wcf
  • 设为首页 | 加入收藏 | 网学首页 | 原创论文 | 计算机原创
    版权所有 网学网 [Myeducs.cn] 您电脑的分辨率是 像素
    Copyright 2008-2020 myeducs.Cn www.myeducs.Cn All Rights Reserved 湘ICP备09003080号 常年法律顾问:王律师