万卷书   首页 > 电脑书籍 > 网站设计其它 > Windows 桌面风格的页面制作
 

网页主题: 现在很多网页都有换肤的功能,这样使网页更加个性化。为了使桌面风格的网页也有类似桌面主题的功能,我们可以使用改变样式表文件的链接:写几个有不周风格的样式表,通过javascript来调用,达到改变主题的功能。


<script Language="javascript">
function changecss(tt)
{
css.href=tt;//tt是样式表文件的路径
}
</script>


  样式表的链接读法要改为:<link rel="stylesheet" id="css" type="text/css" href="XX.css">这里的id=css中的css与上面javascript中的css.href中的css指的是同一个。请看一下几个主题的效果(如图):

    

  另一存改变样式表的方法为改变className:<SCRIPT>function c(css){id.className=css;}</SCRIPT>
请点击链接,看一个例子


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


<script Language="javascript">
function keypress()
{
if(event.keyCode==13)window.open('http://www.pcedu.com.cn,'','');
}
document.onkeydown = keypress
</script>


  当在当前页回车时,就会打开http://www.pcedu.com.cn,这里的13代码回车键。
   将下面代码存为htm文件,就会显示各个字母代码的数字(IE浏览器适用)。
<script>
function show(){
alert(event.keyCode);}
</script>
<body onKeydown=show()>

 

上一页 下一页