Windows 桌面风格页面制作点滴 键盘的操作

[复制链接]
查看: 658|回复: 0
gggds 发表于 2009-12-27 13:58:36 | 显示全部楼层 |阅读模式
  为了使网页更形象,我可以用键盘事件来进行网页操作,如用键盘打开开始菜单,Esc键隐藏对话框等等。这里要用到了&111nkeydown;下面是一个例子:if(event.keyCode==13)window.open(\\'http://homepage.yesky.com\\',\\'\\',\\'\\');}document.&111nkeydown = keypress  当在当前页回车时,就会打开网页陶吧http://homepage.yesky.com,这里的13代表回车键。   将下面代码存为htm文件,就会显示各个字母代码的数字(IE浏览器适用)。
, J/ f! J8 |) J8 Z3 [: M2 i4 q5 z * k- _* m" Z) X- E. x: R% C
  网页进度条:
$ g0 R- \4 b  P7 }$ B  {   思路是根据源文件下载的进程来实现的,把源文件分为几个部分,每隔一部分,加一段代码,来动态改变一个图片的长度.显示出下载的进程和百分比。
- p, m( t6 V' ?6 u困难和解决:+ t# O; x, b0 J8 }" B
  由于网页代码繁长,用到很多的小图片与大量的&106avascript。网页的更新维护将是一件很头痛的事。 ' A. s  q( A3 L( C3 E7 d
  下面是一些解决的方法:  对于每个层的ID名称的的命名,要根据层的内容。例如个人说明的层用 id=\\\"readme\\\" 开始菜单 id=\\\"startmenu\\\"等等。这样是为了更好的对源文件进行改进和优化。同一类层的z-index设置相同,谁在上,谁在下,都是要考虑的。' s. |" }, X2 f
  对于很多重复使用的一项代码,我们可以用document.write来写成&106avascript,像桌面图标等,下面是一个例子:% U, G' `  V* o. B4 j: W, J5 K
function link(act,txt){document.write(\\\"\\\"+txt+\\\"\\\")}- y& c) x' {4 @5 C1 P9 M
  如果网页中有十处用到这个代码,我们就要写进十个上面粗体代码长度,但通用&106avascript,我们就可以只写十个这样的代码:,这样使源文件更清晰,更容易看。
' y( x5 B1 B$ f, j  k2 _  把所用的到的funtion函数全部放在js文件中,这样不会使风页文件太大,而出现打不出的现象,同时也更好的管理。0 j" [; X1 `. s4 J
  不足
6 ?% e' _3 |+ n# O  Windows桌面风格的网页只能是个网页,不能像windows系统一样的功能强大,再加上现在浏览器的差异性,在不同的浏览器下看到的效果也是大相径庭。& L8 ^8 b  x1 _! q  ?
  收获和经验, a- a: t) G' ?
  这个网页网页的实现过程,也是我认识了解CSS、&#106avascript、HTML过程,是我水平进步的过程。从中也体验到编改写代码的乐趣,有时候为了一个代码要想很久,不能解决就到论坛求助,问题很快就解决了。如果大家有兴趣,可以到我的网页上最新版本 0324 下载源文件
% O6 {$ B, l+ C7 j* K9 M& ]/ K: i( @, y  要做出一个桌面风格的网页,对于网页初学者来,是有一定困难的。也许你对上面所提到的代码很陌生,那也没关系,只要你对网页学习有兴趣,认真学习网页制作的基础知识,相信不久你的手中会诞生出更有创意的网页。

本版积分规则

精彩图文

Copyright   ©2015-2016  展示网  Powered by©Discuz!  技术支持:凡尚展览     ( 粤ICP备14065977号 )