Dreamweaver打造多彩文字链接（4）
作者：梦觉 来源：蓝色理想 发布时间：2007-11-11 18:59:00
四、 高级链接样式。
通过组合应用上面介绍的技术，我们还可以创作出更复杂的文字链接样式，下面我们介绍三个例子。
1、 定义块状链接。首先给链接增加一个背景色，如图十八；
再为文字链接增加四边框即可实现平面块状文字链接，如图十九；
2、 定义按钮状文字链接。改变边框的样式，定义Border-Style为outset，如图二十；
定义Box选项中的Width和Height可以定义按钮的宽和高，定义Padding为2pix可以使链接文字与按钮四周有2pix的间距，如图二十一；
3、 定义特效文字链接。CSS样式表中还包含了一组特效滤镜，我们可以再结合滤镜与前边的参数创建特殊的链接样式。本例中我创建了一个使用Blur滤镜的文字链接，并带有边框效果。如图二十二；
4、 定义静态背景切换的效果。本例是通过对链接文字普通状态和Hover状态设定不同的背景图片来实现背景切换的效果。见下图：
5、 动态背景切换的效果。此效果与上例基本一样，只是在Hover状态定义了一个动态Gif图片背景。而且这个图片需要一点技巧就是设定循环为一遍，并在最后添加一个帧，设定帧的时间为一个较大的值，如10000。这样可以使动画执行一边后就停止。为改善效果执行时的速度，我们还需要在Dreamweaver中增加了一个Preload /doc/webpage/images/images行为。这需要打开行为面板，并添加Preload /doc/webpage/images/images行为，如图：
我们可以把最后两种链接样式所需要用到的四张图片都预先载入，如下图：
五、 总结
我就介绍这么多链接样式，配合设置链接文字的hover状态，可以实现非常漂亮的效果，具体的页面浏览请看这里，希望朋友们根据上面的思路，组合创造出更多地链接文字样式。记住，样式表就好比网页制作中具有宝藏的一个冰山，今天我们只是揭开了冰山小小的一个角落，更多的宝藏等着你去挖掘。
0
投稿猜你喜欢
- CSS样式和JavaScript脚本是应该放在外部文件中呢？还是把它们放在页面本身之内呢？如何处理是关于一些性能规则的思维，就这些问题，我们
字体设计是人类商业活动的需求，它随着时代和科学技术的进步而不断地变化着。被广泛应用于网络生活的各个方面。现代字体设计在电脑技术的应用中已经深- 我们以用户查询语句为 https://www.aspxhome.com/chunfeng.asp为例来查询用户资料将从数据库Contact1
- 设计页面时，经常会从一个页面打开一个子窗口以供浏览者查看。通常，这种子窗口中的内容一经浏览者看过，对于浏览者而言就不再需要，而他们常常会忘记
- ul设置浮动后不能自适应高度，也就是不能撑开父容器，不能自适应内容的高度。解决方法是在ul结束标签前加个清除浮动。 &
- 就目前互联网上大小网站而言，大部分都是采用ASP+ACCESS/SQL Server或者PHP+MySQL来编写；事实上，ASP和MySQL
- 这世上“没有丑女人，只有懒女人”这是女人美丽圣经里的最精彩的一句话了，一个女人只要舍得花时间琢磨怎么保养，怎么打扮，总能够找到方法展现自己美
- 为了庆祝自己的博客重新开放，我在这里放一个自己刚刚写的jquery日期插件, 也许人们会说：日期选取插件已
- 一、什么是用户体验？用户体验的名词解释用户体验（User Experience，简称UE）是一种纯主观的在用户使用一个产品（服务）的过程中建
- 如何在浏览器地址栏显示自己的Favicons小图标？显示效果如下列网站的图标：Google网易163上面两个网站都设置了自己的Favicon
- W3C（万维网联盟）日前发布了HTML 5公共草案，这是10年来对HTML的一次主要升级。据国外媒体报道，W3C HTML5草案于本周二发布
- 阅读上一篇：什么是名字空间<meta http-equiv="Content-Type" co
- 有时候在一个页面用到收放功能的时候时，总有一个虚线框在触发收放的功能按钮上，显得特别刺眼，那如何去除这个虚线框呢？在IE下，需要在标签 a
- 代码如下:---ntext数据类型字符替换 create table tt ( sid INT IDENTITY(1,1), c
- （1）OracleServiceSID 数据库服务，这个服务会自动地启动和停止数据库。如果安装了一个数据库，它的缺省启动类型为自动。服务进程
- 方法一：简单，得不到参数，只有一个虚拟路径 代码如下:GetUrl =request("url") 例如：http://
- 写在前面：本节主要讲述一些基本的，常用的SQL语句，而非数据库方面的基本知识。数据库方面的知识留待以后再讲，现在就我们平常常用的一些SQL语
- 我们提倡无论何时都尽可能地使用CSS,这样我们更容易取得成功.现在浏览器对CSS的支持已经非常好,肯定足以让你用来控制你的网页布局与排版.但
- alert table 表名 add column 列名 alter table 表名 drop column 列名 eg: alter t
- Microsoft? SQL Server? 2000 提供了两种主要机制来强制业务规则和数据完整性：约束和触发器。触发器是一种特殊类型的存
