其它同级分类：

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

[ 来源:www.it55.com | 作者: | 时间:2007-07-12 | 收藏 | 推荐 ] 【大中小】

　　为了使网页更形象，我可以用键盘事件来进行网页操作，如用键盘打开开始菜单，Esc键隐藏对话框等等。这里要用到了onkeydown;下面是一个例子：

<script Language="javascript">
function keypress()
{
if(event.keyCode==13)window.open('http://homepage.yesky.com'，''，'');
｝
document.onkeydown = keypress
</script>

　　当在当前页回车时，就会打开网页陶吧http://homepage.yesky.com，这里的13代表回车键。
　　将下面代码存为htm文件，就会显示各个字母代码的数字（IE浏览器适用）。

45398 www.it55.com it55学习IT知识，享受IT生活 4dfkjn

　　网页进度条： 免费资源www.it55.com

　　思路是根据源文件下载的进程来实现的，把源文件分为几个部分，每隔一部分，加一段代码，来动态改变一个图片的长度.显示出下载的进程和百分比。

http://www.it55.com/

困难和解决: http://www.it55.com/

　　由于网页代码繁长，用到很多的小图片与大量的javascript。网页的更新维护将是一件很头痛的事。

免费资源www.it55.com

　　下面是一些解决的方法：
　　对于每个层的ID名称的的命名，要根据层的内容。例如个人说明的层用 id="readme" 开始菜单 id="startmenu"等等。这样是为了更好的对源文件进行改进和优化。同一类层的z-index设置相同，谁在上，谁在下，都是要考虑的。 www.it55.com

　　对于很多重复使用的一项代码，我们可以用document.write来写成javascript，像桌面图标等，下面是一个例子：

45398 www.it55.com it55学习IT知识，享受IT生活 4dfkjn

function link(act，txt)
{document.write("<div class=link onMouseOver=this.className='overlink' onMouseOut=this.className='link' style='padding-left:16;padding-top:1;padding-bottom:1' onclick="+act+">"+txt+"</div>")}

免费资源www.it55.com

　　如果网页中有十处用到这个代码，我们就要写进十个上面粗体代码长度，但通用javascript，我们就可以只写十个这样的代码：
<script>link('pop('id.htm')'，'链接之一')</script>，这样使源文件更清晰，更容易看。 www.it55.com在线教程

　　把所用的到的funtion函数全部放在js文件中，这样不会使风页文件太大，而出现打不出的现象，同时也更好的管理。 45398 www.it55.com it55学习IT知识，享受IT生活 4dfkjn

　　不足 45398 www.it55.com it55学习IT知识，享受IT生活 4dfkjn

　　Windows桌面风格的网页只能是个网页，不能像windows系统一样的功能强大，再加上现在浏览器的差异性，在不同的浏览器下看到的效果也是大相径庭。免费资源www.it55.com

　　收获和经验 45398 www.it55.com it55学习IT知识，享受IT生活 4dfkjn

　　这个网页网页的实现过程，也是我认识了解CSS、javascript、HTML过程，是我水平进步的过程。从中也体验到编改写代码的乐趣，有时候为了一个代码要想很久，不能解决就到论坛求助，问题很快就解决了。如果大家有兴趣，可以到我的网页上最新版本 0324 下载源文件。 it55.com

　　要做出一个桌面风格的网页，对于网页初学者来，是有一定困难的。也许你对上面所提到的代码很陌生，那也没关系，只要你对网页学习有兴趣，认真学习网页制作的基础知识，相信不久你的手中会诞生出更有创意的网页。 sflj www.it55.com kg^&fgd

（阅读次数：）