全球第一免费软件下载基地!
首 页文章中心下载繁體中文
首页 ASP源码 | PHP源码 | CGI源码 | JSP源码 | .NET源码 | flash源码 | 其它源码 | 网页模板 | 常用软件 | 字体下载 | 视频教程 | 服务器 | 美图秀秀专题下载(new)
站长学院 | 网络编程 | 网页设计 | 图形图像 | 操作系统 | 数据库 | 多媒体 | 黑客攻防 | 编程开发 | Seo专区 | 小说连载 | 网络学院 | 软件报道 | 软件教学
您当前的位置:中文源码之家 -> 网页设计 -> DREAMWEAVER -> 文章内容 退出登录 用户管理
栏目导航
· DREAMWEAVER · 网页特效
· 建站心得
热门文章
· [推荐] 卡巴斯基v6.0..
· [新闻] 超级解霸3500..
· [推荐] 冰点还原精灵..
· [组图] 一键GHOST硬盘..
· [组图] PQMagic──硬..
· [图文] 一键GHOST 优..
· [推荐] 征途小宝外挂..
· 自己做QQ密码破解器..
· [新闻] 2006年世界顶..
· [新闻] 下载:IE 7 简..
相关文章
· 分析给你听,哪些是安..
· [图文] 给你无敌命令..
· [图文] 舍我其谁 给你..
· [图文] 你的爱机性能..
· [图文] 给你最好的支..
· [图文] 给你的数据库..
· ASP漏洞集-给你的Fi..
精彩激情游戏推荐
给你的网页加上两种以上的文字链接效果
作者:本站  来源:www.chcodes.com  发布时间:2010-5-27 9:12:54  发布人:luqty

减小字体 增大字体

很多人也许学会了怎样使链接文字随鼠标点击状态改变而改变的效果,这是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步的设置就可以轻松的搞定。
[] [返回上一页] [打 印] [收 藏]
∷相关文章评论∷    (评论内容只代表网友观点,与本站立场无关!) [更多评论...]
关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图
Copyright 2005-2006 Chcodes.Com.中文源码之家 All Rights Reserved .
Powered by:NewAsp SiteManageSystem Version 2.1 SP1 1030