Chinaunix首页 | 论坛 | 博客
  • 博客访问: 535462
  • 博文数量: 151
  • 博客积分: 7010
  • 博客等级: 少将
  • 技术积分: 1405
  • 用 户 组: 普通用户
  • 注册时间: 2008-04-22 14:32
文章分类

全部博文(151)

文章存档

2011年(1)

2010年(23)

2009年(1)

2008年(126)

我的朋友

分类: 系统运维

2008-05-04 11:34:56

1.下载和安装

    下载winlike,大家可以到: 上去下载,打开网页看到的是就是作者使用winlike来创建的网站,大家可以看到在一个页面上就可以开不同的窗口,而且还可以互相的移动和切换,这和我们平常使用的应用程序就是非常的相识了。找到左边的winlie->download后就可以在打开的窗口中选择下载了。目前最新的版本是1.5.03,非常小,包括很多的例子程序在一起才0.6M,而调用它的JS也才不到30K,所以是非常适合我们使用的。

    下载完毕后,我们将压缩包WinLIKE_1.5.03.zip解压缩到本地目录,然后就可以看到目录下有:samples、skins、winlike三个文件夹和很多以数字开头的html文件(比如00_index.html),我来做个简单的说明:

samples:看名称就知道了,是例子。即winlike各属性和方法使用的例子网页汇总;

skins:这个就是窗口的皮肤文件了,下载包里也包含了几个,更多的我们可以从其网站上进行下载;

winlike:这个包就是主要是js和相关文件的包了。我们最重要使用的就是其目录下的winman包了;

其他html文件:这就是所有的文件汇总了,我们可以通过打开00_index.html文件来进行查看。

    在00_WinLIKE.html文件中,我们可以通过它自带的来创建和使用winlike。需要说明的是,压缩包里并没有提供js的源码,都是经过处理之后的js代码,不过这也不要紧,关键的是它有很丰富的api和属性供我们参考和使用。

2.简单使用

    我们可以通过新建一个窗口来看看它的效果,打开目录下的00_WinLIKE.html这个文件,然后选择左边的NEW菜单(这个也是窗口弄出来的哦~~),然后就会出现两个窗口,一个是空白的窗口,另外一个就是这个窗口的属性编辑窗口了。比如可以输入title(标题,就是显示在窗口上的文字)、skin(选择窗口的皮肤,就是skins目录下的文件夹名称)、content(窗口的内容,可以用网址来代替)、name(就是这个窗口的名称,这个窗口的名称我们在使用a标签的时候可以指定target为其名称来使打开的网页就出现在该窗口中),然后下面的属性就是可见与否、移动和最大最小化等等属性了,这个我们下面在详细说。

    比如我们输入title为:你好,content为: ,name为sohu,然后其他的都默认,然后再点击set按钮,我们就可以看到刚才那个新窗口中打开了SOHU的首页了,呵呵。然后我们再打开左边的SAVE按钮,我们就可以看到创建这个窗口的源代码了,可以看到代码如下:

    我们可以看到,创建一个窗口,只需要简单的四行就可以搞定,是不是很简单?!重要的是,它还支持各种不同的浏览器,这个我们可以从其官网上可以看到。

    由于篇幅的原因,属性和方法说明在我的下一篇文章中将给大家介绍!这里还要强调一点的是,如果是你自己使用页面来调用winlike的js来创建窗口的话,请一定按照如下方式来做(假设你的winlike解压到了目录D:\WinLIKE_1.5.03,比如我们建立的页面在D:\目录下的话):

1.在整个网页文件的head头中引入如下内容:





 

2.在body标签上加入如下内容:

3.在bodu体内加入如下内容:

 

阅读(1316) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~