用FrongPage设计网页花样
发布时间:2008-09-17 10:47:00
技术在进步,思维在发展,网页上的花样当然也要一天天地赶时髦了。在“滚动字符”、“跑马灯”已成平常的今天,网页上还能变出新花样吗?
◆制作鼠标指针指在上面时会变化的动态按钮
在FrontPage中通过选单命令:“insert(插入)”>“active elements(active单元)”>“hover botton(动态按钮)”,可以制作动态效果的按钮。但是,这种按钮效果是基于javaapplet小程序的,它有速度慢、不能显示提示文本、鼠标指针不能变为手形等缺点。这里介绍用dreamweaver 2.0制作基于javascript的动态按钮的方法。
在制作这种按钮效果之前,首先要为每个按钮制作两张不同的图片,一张是正常情况下要显示的图片,另一张是鼠标指针停留在按钮上时要显示的图片。图片命名时最好有规律,比如两张图片名分别是botton.gif、botton_1.gif。
首先在FrontPage中插入第一张图片,并设好超级链接,文件保存后用dreamweaver调入(如果熟悉dreamweaver,可以不要FrontPage“帮忙”)。单击已插入的第一张图片选中它,点击“behaviors(行为)”窗口(如果未显示,按f8显示它)中的+号按钮,在选单中选“swip image(交换图片)”打开对话框,按“browse(浏览)”按钮选择第二张图片,最后点“ok”确定。这样,一个动态效果按钮就做成了,简单吧。
◆用FrontPage可视化编辑样式表
你一定见过许多主页上有这样的链接,它并不像普通链接总是带下划线,当鼠标指上去时,链接文字就会变色并出现下划线,这都是样式表的功劳!
用FrontPage打开要编辑的html文件,使用选单命令“format(格式)”>“stylesheet...(样式...)”打开“format stylesheet(样式格式)”对话框,这里显示了当前文件内联样式表的内容,你可以在<!--...-->之间添加或修改样式表语句。如果要添加新的样式语句,首先要输入标签(如:a:link、a:hover、a:active、a:visited,它们分别表示:正常情况下未访问过的、鼠标接近时、鼠标点击时、访问过的链接的样式)。然后,把光标停在这个标签末尾,点击对话框左下角的“style...(样式...)”按钮,进入“style(样式)”对话框,在这里你可以根据需要设置多种样式属性。如果要更改某个标签的样式,只要光标停在相应标签后面的一对大括号中代码的任意位置,然后按“style...(样式...)”按钮进行修改即可。
例子:你希望鼠标移动到链接上时,文字背景变为黄色,文字本身变为红色且无下划线。先在<!--...-->之间输入a:hover,然后把光标停在它末尾,按“style...(样式...)”按钮进入“style(样式)”对话框,在“colors(颜色)”页中设置“foreground color(前景颜色)”为红色,“background color(背景颜色)”为黄色,在“text(文本)”页中设置“decoration(修饰)”为“none(无)”,然后确定。这时,FrontPage已将代码{background-color:rgb(0,0,128);color:rgb(255,255,255);text-decoration:none}添加到a:hover标签后面,是不是比自已编容易得多?
◆制作弹出式窗口 网页弹出窗口代码生成器
有许多网页在打开的时候,会弹出一个较小的窗口,显示广告或一些最新信息。这种弹出式窗口制作很简单,只要在网页代码的<body>标签后面插入以下类似代码即可:
<script language=″javascript″>
window.open(′url′,′窗口名′,′属性列表′);
</script>
其中“url”是在窗口中显示的html文档的地址;“窗口名”可任意起一个,但不要用中文;“属性列表”是一个用逗号分开的各个属性值的字符串,它确定了弹出窗口的外观与状态。常用属性有:
toolbar(是否显示工具栏)、location(是否显示地址栏)、directories(是否显示常用链接)、status(是否显示状态栏)、menubar(是否显示选单条)、scrollbars(是否使用滚动条)、resizable(是否可改变大小),这些属性值等于1时表示是,等于0或不将此属性加入列表时表示否。此外,还有width(窗口宽)、height(窗口高)、top(与屏幕上边的距离)、left(与屏幕左边的距离)等属性用于对弹出窗口大小和位置的控制。


猜你喜欢
- 在我们生活中的一些场合经常会有一些不该出现的敏感词,我们通常会使用*去屏蔽它,例如:尼玛 -> **,一些骂人的敏感词和一些政治敏感词
- 概要基于 golang Gin 框架开发 web 服务时, 需要时不时的 go build , 然后重启服务查看运行结果.go build
- 本文实例为大家分享了vue自定义过滤器创建和使用方法,供大家参考,具体内容如下过滤器:生活中有很多例子,净水器 空气净化器 。过滤器的作用:
- 目录mapfilterreducezipsortedmapmap其中,function 参数表示要传入一个函数,其可以是内置函数、自定义函数
- 本文以实例形式展示了Python获取电脑硬件信息及状态的实现方法,是Python程序设计中很有实用价值的技巧。分享给大家供大家参考之用。具体
- 由于HTTP协议是无状态协议,所以服务器与客户端通过http协议通讯时,服务器不能记录客户端的信息。为了解决这个问题,通过 Cookie 和
- 视频对象提取与其说是视频对象提取,不如说是视频颜色提取,因为其本质还是使用了OpenCV的HSV颜色物体检测。下面话不多说了,来一起看看详细
- 什么是接口测试接口测试主要用于检测外部系统与内部系统之间,以及系统内部各 个子系统之间的交互点。其测试的重点是,检查数据的交换、传递和控 制
- 如果您刚刚开始学习PHP,可能有许多函数需要研究,今天我们就来学习一下PHP Header()的使用方法,更多的使用说明,请您参照PHP中文
- 词云图什么是词云图,相信大家肯定不会感到陌生,一本书统计里面出现的词频,然后可视化展示,让读者快速的了解这个主题纲要,这就是词云的直接效果。
- 本文主要介绍如何对多个文本进行读取,并采用正则表达式对其中的信息进行筛选,将筛选出来的信息存写到一个新文本。文本基础操作打开文件:open(
- Juan Pablo De Gregorio 的 原文很多人都问我如何为一本杂志、一份报纸、一张海报、一份简报或是一份出版物选择
- 1、利用php gd库的函数绘制3D扇形统计图<?phpheader("content-type","t
- np.nonzero函数是numpy中用于得到数组array中非零元素的位置(数组索引)的函数。一般来说,通过help(np.nonzero
- 前言Python 读取数据自动写入 MySQL 数据库,这个需求在工作中是非常普遍的,主要涉及到 python 操作数据库,读写更新等,数据
- 用DIV+CSS可以作出很多不同形状的角形;以下我只写了几个;CSS没有优化;是为了让大家看得更清一些;以下是一些小三角的形状:这是第一个小
- 1. 表示操作成功,文字上方会显示一个表示操作成功的图标。wx.showToast({ title: '操作成功!
- 学习了简单的知识点,就会想要向有难度的问题挑战,这里必须要夸一夸小伙伴们。不过我们今天不需要做什么程序的测试,只用简单的两个代码对比,小伙伴
- 一、概述在后期渗透测试中,经常会遇到需要向第三方发送http请求的场景,python中的requests库可以很好的满足这一要求,Reque
- 一 ,做好安装前的清理工作rpm -pa | grep mysql 或者 rpm -qa | grep -i mysqlyum remove