技术在进步,思维在发展,当然网页上的图案也要一天比一天时尚。今天,当“滚动字符”和“滚动条”变得司空见惯时,网页上还能有新的花样吗?
制作鼠标指针是指当鼠标指针在动态按钮上时会发生变化。
在FrontPage中,可以通过菜单命令制作具有动态效果的按钮:insert & gt活动元素>;悬停底部。但是这种按钮效果是基于javaapplet的,存在速度慢、没有提示文字、没有手形鼠标指针等缺点。介绍了用dreamweaver 2.0制作基于javascript的动态按钮的方法。
在制作这个按钮效果之前,先为每个按钮制作两张不同的图片,一张是正常显示的图片,另一张是鼠标指针停留在按钮上时显示的图片。最好定期给图片命名。比如两张图片的名字分别是botton.gif和botton _ 1.gif。
首先,在FrontPage中插入第一张图片,并设置超链接。文件保存后,使用dreamweaver调用它(如果您熟悉dreamweaver,则不需要FrontPage的帮助)。单击第一张插入的图片选择它,单击行为窗口中的按钮(如果没有显示,按f8显示),在菜单中选择swip image打开对话框,按browse按钮选择第二张图片,最后单击ok确认。这样,一个动态效果按钮就做出来了,简单。
带有FrontPage的可视化编辑样式表
你一定在主页上看到过很多这样的链接。它并不总是像普通链接一样有下划线。当鼠标指向上方时,链接文本将改变颜色并显示下划线。这都是因为样式表!
用FrontPage打开要编辑的html文件,使用菜单命令“格式”>。"样式表."打开“格式化样式表”对话框,显示当前文件的内联样式表的内容。您可以单击& lt!-.->;添加或修改样式表语句。如果要添加新的style语句,必须先输入一个标签(例如:a: link、a: hover、a: active、a: visited,分别代表正常情况下、鼠标靠近时、鼠标点击时、被访问时未被访问的链接的样式)。然后,将光标停在该标签的末尾,并单击“样式…”按钮进入“样式”对话框,可以根据需要设置各种样式属性。如果您想更改标签的样式,只需将光标停在相应标签后面的一对大括号中代码的任何位置,然后按“style .”按钮来修改它。
示例:当您将鼠标移到链接上时,文本背景变为黄色,文本本身变为红色,不带下划线。In & lt!-.->;输入a:悬停,然后将光标停在它的末尾,按下“style”按钮进入“样式”对话框,并在“颜色”页面中将“前景色”文本为红色和“背景色”。此时FrontPage已经更改了代码{背景色:RGB (0,0,128);颜色:rgb(255,255,255);a:悬停标签的后面加了text-decision:none }不是比自己编辑容易多了吗?
制作弹出窗口
当许多网页打开时,会弹出一个小窗口,显示广告或一些最新信息。这个弹出窗口很容易制作,只需在& lt《身体》。网页代码的标签:
脚本语言=“JavaScript”
Window.open('url ' ','窗口名称','属性列表');
/脚本
其中“url”是窗口中显示的html文档的地址;可以选择任意窗口名称,但不要使用中文;属性列表是由逗号分隔的属性值字符串,它决定了弹出窗口的外观和状态。常见属性有:
工具栏(是否显示工具栏)、位置(是否显示地址栏)、目录(是否显示常用链接)、状态(是否显示状态栏)、菜单栏(是否显示菜单栏)、滚动条(是否使用滚动条)、大小可调整(是否改变大小),这些属性值等于1表示是,等于0表示不将此属性添加到列表中时为否。此外,还有宽度、高度、顶部、左侧等其他属性来控制弹出窗口的大小和位置。