Windows 7及Windows Vista的边栏小工具
发布时间：2016-09-27 18:55:01 所属栏目：Windows 来源：站长网
导读：副标题#e# 如果你在使用的操作系统是WIN7或者Windows Vista版本，那一定会使用到边栏小工具。 有一天，有朋友问我这个边栏小工具是怎么制作的，我查了一下，这个东西其实分为两种小工具类型，一种就称之为边栏小工具Sidebar，还有一个称之为SideShow，而且
|
第三步：编写gadget.js代码：
//初始化
var initHelloWorld = function() {
//设置“移出窗口”的文件
System.Gadget.Flyout.file="Flyout.html";
//设置“设置窗口”的文件
System.Gadget.settingsUI="SettingsUI.html";
}
//执行open按钮的点击方法
var doOpenAction = function () {
var username = document.getElementById("username");
//session中设置用户名
System.Gadget.Settings.writeString("username",username.value);
//打开Flyout
System.Gadget.Flyout.show=true;
}
//执行初始化
initHelloWorld();
第四步：编写Flyout.html
<html>
<head>
<title>HelloWorld</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
body{
/*设置移动显示框的大小，这个需要设置，需注意*/
margin:0px;
width: 150px;
height: 180px;
font-size:20px;
font-weight:bold;
}
</style>
</head>
<body>
<center>
<br />
展开Flyout，用户名：<br />
<script language="javascript">
document.write(System.Gadget.Settings.readString("username"));
</script>
</center>
</body>
</html>
查看本栏目更多精彩内容：http://www.bianceng.cn/OS/home/ 第五步：编写SettingsUI.html
<html>
<head>
<title>HelloWorld</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
body{
/*设置设置显示框的大小，这个需要设置，需注意*/
margin:0px;
width: 200px;
height: 200px;
font-size:20px;
font-weight:bold;
}
</style>
</head>
<body>
<center>
<br />
这是一个设置的显示窗口。
</center>
</body>
</html>
（编辑：云计算网_汕头站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
站长推荐