鼠标移上链接出现下划线

  有些网页的链接,原先没有下划线,你把鼠标指向链接处,才会出现下划线,鼠标移掉下划线就又没有了。这种效果其实可以用层叠样式表(CSS)来实现,在Dreamweaver中编辑层叠样式表不用编写代码,具体操作方法如下:
  
   (1)在快速启动栏中点击层叠样式表按钮(就是把鼠标放上去显示“show css styles”的那个按钮),在弹出的CSS Styles面板上双击(none);
   (2)此时,可看到弹出的Edit Style Sheet 面板,在该面板上按New按钮;
   (3)弹出的New Style 面板上点取Redefine HTML Tag(重新定义HTML标记)再在Tag中选择“a”(超级链接标记)标记后按OK按钮;
   (4)这时可看到弹出的Style dehinition for a 的对话框,在此对话框中可以设置超级链接的许多属性,你可以按你的意愿设置,但我们这里主要是要去掉那讨厌的下划线,所以我们在decoration 属性中选择“none”,这样就把下划线去掉了;然后我们再选择颜色为:#339966。按OK按钮返回到Edit Style Sheet 面板;
   (5)在Edit Style Sheet 面板上再按New按钮;
   (6)在弹出的New Style 面板上点取Use CSS Selector ,再在该面板上的selector选择框中选择“a:hover”(定义当鼠标在超级链接上时链接的属性),按OK按钮;
   (7)在弹出的Style dehinition for a:hover 的对话框中,我们在decoration 属性中选择“underline”,这样就把下划线又加上了;然后我们再选择颜色为:#FF3300。按OK按钮返回到Edit Style Sheet 面板;
   (8)在Edit Style Sheet 面板上再按Don按钮,至此所有设置结束。

时间: 2024-09-18 02:38:31

鼠标移上链接出现下划线的相关文章

Jquery实现鼠标移上弹出提示框、移出消失思路及代码_jquery

思路: 1.首先要定位实现这种效果的元素 ,本次通过class 2.如果是动态显示不同的提示内容,需设置title 3.通过JQ给定位到元素加上 mouseover 和mouseout 事件 4.再完善下,弹出框跟随鼠标在目标元素上移动 5.再把 mouseover .mouseout 合并成 hover 复制代码 代码如下: //页面加载完成 $(function () {     var x = 10;     var y = 20; //设置提示框相对于偏移位置,防止遮挡鼠标     $(

js实现鼠标移到链接文字弹出一个提示层的方法

  本文实例讲述了js实现鼠标移到链接文字弹出一个提示层的方法.分享给大家供大家参考.具体分析如下: 这里实现鼠标移动到链接文字上面,弹出一个已定义好的DIV层的效果.在这个层里你可以加入与此链接对应的信息,这样就成了一个信息提示窗,在淘宝.新浪都能看到这种效果,很实用. ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40

标签-导航栏中使a点击后出现下划线

问题描述 导航栏中使a点击后出现下划线 使导航栏中 第一个a标签 默认有下划线,当鼠标划过别的导航的时候,下划线会换到别的导航下,当鼠标点击后,只有点击的那个a标签有下划线,直到点击下一次的时候,下划线换到下一个被点击的a标签 求大神解答 解决方案 class1: text-decoration:none class2: text-decoration:underline function clicka(o){ $("a"). attr("class","

jquery 提示插件鼠标移上圆角框图片提示

  <!doctype html public "-//w3c//dtd html 4.01//en" "http://www.w3.org/tr/html4/strict.dtd"> <html> <head>  <meta http-equiv="content-type" content="text/html;charset=gb2312"/>  <title>

js图片滚动效果时间可随意设定当鼠标移上去时停止_javascript技巧

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &l

高分求淘宝商品列表页鼠标放上弹出多个图片轮换显示的代码

问题描述 有哪个高手有淘宝商品列表页中,鼠标放在图片上,弹出几个大图轮番展示的代码!高分求,也可出一些费用!急用!QQ290235568 解决方案 解决方案二:JS你可以扒他们的页面解决方案三:拔下来找不到图片路径,有很多多余代码我想要一个干净没有多余代码的,还是谢谢楼上解决方案四:淘宝应该是通过AJAX读取出来的图片!!你还是自己扒他们的吧!解决方案五:额...楼上大哥能帮我扒一下吗...解决方案六:没人吗???解决方案七:什么功能在哪发个URL给我看看那解决方案八:用firebug分析一下!

ASP.NET treeview节点鼠标移上去时背景色变化问题

问题描述 属性设置中HoverStyle="background:#6079d2;color:#ffffff",SelectedStyle="background:#6079d2;color:#ffffff"节点选中时和鼠标移到节点时背景色设置成同样颜色,但实际效果中鼠标移上去的颜色要淡很多,SelectedStyle中#6079d2这个颜色生效了,色彩是对的,但是HoverStyle的颜色始终要淡,达不到我设置的颜色,求高人解答!!!!!!!! 解决方案 解决方案

用jQuery toggleClass 实现鼠标移上变色_jquery

按钮移上变色效果 复制代码 代码如下: <style> .round-corner-btn { -moz-border-radius:4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; width:200px; height:40px; line-height: 40px; background: green; display:inline-block; color:white; tex

纯CSS实现的当鼠标移上图片添加阴影效果代码_图象特效

鼠标移上去显示圆滑的阴影