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
投稿猜你喜欢
在日常生活中，经常会遇到需要提交身份证正反面证明资料的情况，而且这些网站大部分只接受pdf格式，这时候我们就需要把身份证正反面两张图片合成为- 以下的文章主要是介绍SQL Server数据库与其实际应用元数据，我前两天在相关网站看见SQL Server数据库与其实际应用元数据的资料，
- Mysql可以通过运算符来对表中数据进行运算，比如通过出生日期求年龄等运算符包括四类，分别是：算数运算符、比较运算符、逻辑运算符和位运算符算
- 实例如下：#! /usr/bin/python# -*- coding: utf-8 -*-import osdef del_dir_tre
- 本文实例讲述了Python二叉树的遍历操作。分享给大家供大家参考，具体如下：# coding:utf-8"""
- 事件是将JavaScript脚本与网页联系在一起的主要方式，是JavaScript中最重要的主题之一，深入理解事件的工作机制以及它们对性能的
- 目录一、需求二、实现连接Mysql并执行查询语句三、写一个错误处理函数四、设置二级缓存一、需求实现二级缓存程序运行起来后提示：“请输入命令：
- 环境：Windows 10 专业版pycharm pro 2020.3django 3.2.1xadmin 选django2的版本一，安装这
- 作业备份，不是备份数据库，是备份作业。 我的方法是把作业导出成文件备份起来，因为当你服务器维护的多了的时候很多你的作业 就很成问题，很麻烦。
- 今天我们来使用Python实现递归算法求指定位数的斐波那契数列首先我们得知道斐波那契数列是什么?斐波那契数列又叫兔子数列斐波那契数列就是一个
- 相信大家平时都有这样的经历：页面上有一个链接指向服务器一个Word文件，当客户端机器有安装Office时，点击链接将调用Word打开浏览；当
- 相同记录行如何取最大值我想这个东西在作一些相关采购系统或成本报价系统应该很有用的吧取当前的最有效的价格.记录下来与大家分享!--测试数据&n
- 看到代码里面有这个1 class ResNeXt101(nn.Module): 2 def __init__(se
- 本文是在上篇文章Python中的type和object，做的补充，希望大家喜欢。这篇博客主要描述Python的新风格对象(new-style
- 我就废话不多说了，大家还是直接看代码吧~'''Created on 2018-4-16'''
- 词频统计是指在文本中计算每个词出现的次数。在 Python 中，可以使用一些第三方库（如 jieba）来分词，然后使用字典等数据结构记录每个
- numpy array存储为.npy存储：import numpy as npnumpy_array = np.array([1,2,3])
- mysql升级5.7版本以后，安全性大幅度上升。但是呢。。。带复杂的记不住。额额。。本来脑子就不好使，还记那么复杂，尤其是本地就更没必要，还
- springboot数据库查询时出现的时区差异最近项目中使用到多数据源将MySQL库中的数据迁移到mongo库中，发现取出后的数据与原数据时
- PyQt5安装在cmd下输入pip install PyQt5完成PyQt5安装，再安装qt designer，可以使用pip安装pip i
