给你的网页加上两种以上的文字链接效果
作者：佚名 发布时间：2014-07-23 02:15:25
很多人也许学会了怎样使链接文字随鼠标点击状态改变而改变的效果，这是css的使用效果，也许你只懂得设置一种状态，比如鼠标放在文字上方，文字变为红色。但这样是整个页面都是如此的统一效果，但有没办法在一个页面中有多种效果呢？比如页面中有两个文字链接，我们想其中一个当鼠标放上去的时候是红色，另一个则是黄色。答案是肯定的。如果手写代码，也只是几行而已。考虑到现在大多数人都在使用Dreamweaver，下面我们以在Dreamweaver4中谈谈如何做这种效果。
1：打开Dreamweaver，新建一文件，做两个带链接的文字。
2：SHIFT+F11，打开css styles控制面板，新建一use css selector，需要注意的是，你选择Use css selector再选择a:hover，并没有出现上图的效果，其实技巧就是在这里！我们手动把a:hove改成a.one:hove，也就是在a的后面加上一个点与名字（可任意英文，不能是数字）。设置好后点ok
3：在弹出的style definition for one.a:hover面板中设置你要的效果，这里我们选择字体的颜色为红色。设置完后点ok
4：重复第2、3步，第2步需要修改的地方就是把a.one:hover该回a:hover(就是直接选中a:hover就可。第3步需要改的就是字体的颜色了，我们设置为黄色。
5：现在预览还没有效果，我们还需要动点小手术，我们来看看设置完后的css styles控制面板，如下图，里面会出现个one
6：在页面中选中其中你想要当鼠标放上去的时候是红色的链接文字，再在css styles控制面板中用鼠标选中one
7：现在你的页面已经有两种效果了。
总结：按照以上逻辑，我们可以做出无限个文字链接效果，关键是在于a:hover a:active a:link a:visited的修改而已，前面介绍的只是a:hover，其实其他三个一样可以。只要参照第2步的设置就可以轻松的搞定。
0
投稿猜你喜欢
- 在网上找到的随机不重复查询代码：select top 15 * from article&
- 大家平时见到google的广告太多了，但有没有兴趣知道一下它的运行过程呢？下面我们一起来看看这个广告代码的执行过程，以及其中的一些精彩内容。
当我们重装系统，或者是重装数据库之后，当附加数据库之后，发现数据库里面 有用户名，但是在sqlserver里面没有 登陆名例如 先看&nb- 编写程序的时候，经常要处理字符串，最基本就是字符串的查找，在php检测字符串中是否包含指定字符串可以使用正则，如果你对正则不了解，那么有几个
- 本文实例为大家分享了小程序自定义弹出框效果的具体代码，供大家参考，具体内容如下my-pop----api：title ------字符串--
- 有关pygal的介绍和安装，大家可以参阅《pip和pygal的安装实例教程》，然后利用pygal实现画世界地图。代码如下：#coding=u
- 本文实例讲述了PHP实现的XXTEA加密解密算法。分享给大家供大家参考，具体如下：<?php/** * Xxtea 加密实现类 */c
- Python内置模块logging管理不同级别log打印和存储，非常方便，从此告别了使用print打桩记录，我们来看下logging的魅力吧
- 常用的python第三方库安装工具大概有三种：1、pip （推荐）2、easy_install3、setup.py常见的安装包格式：1、wh
- 1、引入模块import zipfilezip文件格式是通用的文档压缩标准，在ziplib模块中，使用ZipFile类来操作zip文件，下面
- /*不同服务器数据库之间的数据操作*/ --创建链接服务器 exec sp_addlinkedserver 'ITSV ',
- 前言如果想要容易理解核心的特征计算的话建议先去看看我之前的听歌识曲的文章，传送门:https://www.jb51.net/article/
- 本文性别判断主要依靠airtest中的自动化测试实现通过自动对比支付宝页面男女图像，从而实现男女判断代码如下：男女判断函数：// An hi
- 本文实例介绍了基于python的Tkinter实现简易计算器的详细代码，分享给大家供大家参考，具体内容如下第一种：使用python 的 Tk
- 1.元组的创建元组（tuple）：元组本身是不可变数据类型，没有增删改查元组内可以存储任意数据类型t = (1,2.3,True,'
- Python装饰器(decorator)是在程序开发中经常使用到的功能，合理使用装饰器，能让我们的程序如虎添翼。装饰器引入初期及问题诞生假如
- 我们知道IE6是不支持透明的PNG的,这无疑限制了网页设计的发挥空间.然而整个互联网上解决这个IE6的透明PNG的方案也是多不胜数,从使用I
- 加班时抽空弄的，javascript图片链接定时轮换，自适应图片大小，支持预载，进行了简单封装，方便调用。发现自己还是菜得很，一个简单效果被
- 过滤非法的SQL字符的函数代码:'*************************************************
- enumerate函数用于遍历序列中的元素以及它们的下标。enumerate函数说明：函数原型：enumerate(sequence, [s
