Dreamweaver制作网页经典问题大整理(4)_Dreamweaver教程
<hr color="对应颜色的代码">
19> 如何设置可以关闭当前窗口的功能?
这里我们可以先输入用来标示的文字“关闭窗口”,用鼠标拖动选中它,在“Link”输入框中键入“/”,同时切入源代码窗口,在链接代码中键入该事件-onclick=“javascript:window.close(); return false;”。
完整的代码为:<a href=“/”onclick=“javascript:window.close(); return false;”>关闭窗口< /a>
当然你也可以将文字“关闭窗口”换成其他的对象,比如图片,按钮等等!
20> 定时自动关闭的窗口又是怎样的呢?
上面提到了个关闭窗口的功能,那么现在的自动关闭又是怎么实现的呢?
在源代码<body>后加入下面的代码:
< script LANGUAGE=“javascript”> <!--
setTimeout('window.close();', 10000);
--> < /script>
其中的set Timeout是一个用来设定延迟时间的函数,这里10000表示10秒钟
21> 如何更改浏览器中鼠标的"外形"?
一般情况下,鼠标在浏览器中以“箭头”的样式出现,那么我们能不能把它更改为自己喜欢的其他样式类型呢?
改变鼠标外形在DW中是通过“CSS样式表”来实现的。
菜单“文字(Text)”-“CSS样式表(CSS style)”-“Edit style sheet”,弹出样式表的编辑窗口,也可以单击快速启动板中的CSS style按钮找到,单击“New”按钮,选择默认的“Make custom style”,同时在下面的Define中使该样式只应用到当前网页文档,“This document only”。
在“样式定义”窗口的左边列表项中选择“Extensing”(扩展项),相应右边设置
在“Cursor”(鼠标)中,下拉选择合适的外形即可,确定后返回,按F12在浏览器中观察效果,不满足的话,还可以对样式进行修改。
22>如何去除掉链接文字下面的下划线?
在我们完成链接制作后,链接文字内容往往被自动在下面添加一条下划线,用来标示该内容包含超级链接。当一个网页中链接比较多时,就显得有些杂乱的感觉了,其实我们可以很方便的把它去掉。
同样进入“Edit style sheet”窗口,单击“New”确立新样式,这里的Type(类型)中,需要选择的是“Redefine HTML Tag”,同时在具体的标记Tag中选中代表超级链接的“a”,单击OK。
编辑该样式,左边列表中选“Type”,勾取“Decoration”(修饰)中的“None”复选框,这时所有网页中的链接文字下划线都被清除掉了。
23> 怎样让鼠标在链接文字上方“悬停”时,产生变色,变形等效果?
访问网站时,我们碰到的最平常不过的一种效果就是“鼠标悬停响应”了,所谓的“鼠标悬停响应”表现在链接文字上,就包括改变颜色,修饰效果(下划线,中划线)等多种选择。
由于这种效果很好的起到了对目标内容的强调作用,因此无论是个人网站还是一些大的商业网站(如新浪,搜狐,网易等)都有应用。
在上个问题中,你已经知道了去除掉链接下划线的方法,这里不再赘述。下面的问题将是如何添加鼠标响应事件的过程。
同样进入“Edit style sheet”窗口,单击“New”确立新样式,不同的是现在的Type类型中选择最后的一项-“Use CSS selector”,“Selector”选单中选择“a:hover” OK,进入编辑样式窗口,设定“Type”项中的文字颜色为“红色”,当然你还可以添加鼠标悬停时出现下划线的效果。
24>如何让网页的背景图片不跟随内容滚动?
- 相关链接:
- 教程说明:
Dreamweaver教程-Dreamweaver制作网页经典问题大整理(4)。