|
任务栏：
从图片可以看出，任务栏中图像是主要部分。
制作思路：把它们定位在一个表格中，每一个单元格中放置一个图片。这个大的表格定位在最底下，用上面提到的bottom，表格的宽度调用screen.width。用不同的样式表来控制各个部分的凹凸外观。用鼠标的形为来动态改变调用已经定义好的样式表。在快速启动栏中，要用到鼠标的over，out，down，up四个行为。例如：onMouseXX=this.className=XX。快速启动栏处的图标大小为20×20，单元格的宽度要大于24，因为太小了，当然悬停的时候，整个任务栏可能会左右移动。
 
窗口与对话框：
对话框中有可以拖动的标题栏，关闭窗口的关闭按钮。拖动形为就是层的拖动，关闭对话框就是层的隐藏。为了使对话框窗口能在各种分辨率下居中，我们可以调用screen.width、screen.height（窗幕的宽与高），例如：
style="position: absolute; top:expression((screen.height-150)/2); left:expression((screen.width-200)/2); width: 200; height: 150"
网页主题变化：
现在很多网页都有换肤的功能，这样使网页更加个性化。为了使桌面风格的网页也有类似桌面主题的功能，我们可以使用改变样式表文件的链接：写几个有不周风格的样式表，通过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>。大家可以点击色彩按钮看看效果：
出处：无忧视窗
责任编辑：蓝色
上一页 具体细节表现 下一页 键盘的操作
◎进入论坛网页制作、网站综合版块参加讨论
|
第 1 页 
第 3 页 任务栏
