今天应一个客户要求，写一个鼠标滑过超链接文本显示图片的应用。主要用途就是，鼠标放到他一个文字连接上，显示他的二维码图片用的，好吧，只要不是华丽丽的效果，就不用JS搞了，直接上C
&今天应一个客户要求，写一个鼠标滑过超链接文本显示图片的应用。主要用途就是，鼠标放到他一个文字连接上，显示他的二维码图片用的，好吧，只要不是华丽丽的效果，就不用JS搞了，直接上CSS用相对和绝对定位搞定了！
下面是效果：具体代码请参考HTML实例：
效果很好的原生JQ方法！可以到下面的演示里去看看！http://www.moyublog.com/code/code001/
故障现象:ThinkPad 预装windows 8系统改装windows 7系统如何设置BIOS原因分析:ThinkPad 预装Windows 8系统改装Windows 7系统如何设置BIOS解决方案:适用机型：ThinkPad T430,
很多用帝国CMS的朋友问我，为什么有时候明明后台增加了或者修改了内容，或者更改了模板，怎么更新前台都不生效，对于这样的问题墨鱼给你们的意见如下：（如果出现，上传图片提示“权限不
HTML 5 是一个新的网络标准，目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based ri
帝国CMS的标签是很灵活的，如果内容页想进行SEO的话，把关键词改成文章关键词，描述改成文章简介是非常利于SEO的！这里墨鱼提供个调用方法！后台模板 找到内容页模板把下面两句话：&met
如果本文对你有所帮助请打赏本站
打赏方法如下：
支付宝打赏
最近更新作品
更新时间：
人已经看过了！
更新时间：
人已经看过了！
更新时间：
人已经看过了！
更新时间：
人已经看过了！
更新时间：
人已经看过了！
更新时间：
人已经看过了！
更新时间：
人已经看过了！
更新时间：
人已经看过了！
人觉得有用！
人觉得有用！
人觉得有用！
人觉得有用！
人觉得有用！
人觉得有用！
人觉得有用！
人觉得有用！我想用css把html中的一个超链接隐藏，或者把地址改成别的_百度知道
我想用css把html中的一个超链接隐藏，或者把地址改成别的
我想用css把html中的一个超链接隐藏，或者把地址改成别的html我不能动，只可以往上面放脚本...
我想用css把html中的一个超链接隐藏，或者把地址改成别的html我不能动，只可以往上面放脚本
答题抽奖
首次认真答题后
即可获得3次抽奖机会，100%中奖。
采纳数：407
获赞数：352
CSS:选择器：{
visibility:
display:}Jquery ： $('#id').attr('href', &你的链接&);Js ：document.getElementById(&元素id&).href=&你的链接&;
如果没有id怎么办
知道源链接地址
有没有，类名？
也不行，那样就选择太多了
有办法的，不过要查看html结构才能精确的选到
用原链接地址
假如网页1引入了网页2，我能在网页1里加css隐藏网页2里的链接吗
雨中花雨落
来自电脑网络类芝麻团
雨中花雨落
采纳数：86
获赞数：46
擅长：暂未定制
参与团队：
CSS设置display:none或把位置移动到屏幕外
原谅我对这玩意一窍不通，具体应该怎么做😭
给需要隐藏的超链接一个ID或class
给需要隐藏的超链接一个ID或class
给需要隐藏的超链接一个ID或class
为你推荐：
其他类似问题
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
&& 然后对&a&标记进行整体控制，同时加入CSS的3个伪属性。对于普通超链接和单击过的超链接采用同样的样式风格，并且利用边框的样式模拟按钮效果。而对于鼠标指针经过时的超链接，相应地改变文字颜色、背景色、位置和边框，从而模拟出按钮被“按下去”的特效，代码如下：&style type="text/css"&a{&&&&&&/* 统一设置所以样式 */&&&& font-family:A&&& &font-size:12&&&& text-align:&&&&&margin:3}a:link,a:visited{&&/* 超链接正常状态、被访问过的样式 */&& &color:#A62020;&&& padding:4px 10px 4px 10&&& background-color:#ecd8&& &text-decoration:&&&& border-top:1px solid #EEEEEE;&/* 边框实现阴影效果 */&& &border-left:1px solid #EEEEEE;&&& border-bottom:1px solid #717171;&&& border-right:1px solid #717171;}a:hover{&&&&&&&/* 鼠标指针经过时的超链接 */&&& color:#821818;&&&&&/* 改变文字颜色 */&& &padding:5px 8px 3px 12&&/* 改变文字位置 */&& &background-color:#e2c4c9;&&/* 改变背景色 */&&& border-top:1px solid #717171;&/* 边框变换，实现“按下去”的效果 */&&& border-left:1px solid #717171;&&& border-bottom:1px solid #EEEEEE;&&& border-right:1px solid #EEEEEE;}&/style&
月上西楼推荐阅读：
& 10:36:16
阅读(4951)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
在LOFTER的更多文章
loftPermalink:'',
id:'fks_',
blogTitle:'[CSS]制作按钮式超链接',
blogAbstract:'
&& 首先，跟所有HTML页面一样，建立最简单的菜单结构，本例直接采用&a&标记排列形式，代码如下：&body&&&a href=\"#\"&首页&/a&',
blogTag:'',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:4,
publishTime:8,
permalink:'blog/static/',
commentCount:1,
mainCommentCount:1,
recommendCount:0,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'',
hmcon:'1',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}css控制超链接(css超链接样式)
& 发布时间： 14:43:29 & 作者：佚名 &
这篇文章主要介绍了css控制超链接的方法，也就是css超链接的样式，如给超链接a加上背景图片、给链接加上边框，,需要的朋友可以参考下
CSS控制元素的某种状态---偽类（用于向某些选择器添加特殊的效果）偽类的语法：元素标签 偽类名称{属性：属性值;}
二、超链接a:link:未访问的链接a:hover:鼠标移动到链接上a:active:鼠标按下链接a:visited:已访问的链接如果在点击过后再返回到该页面还有一些效果的话 就按照该顺序给链接添加状态 L V H A
代码如下:&style type="text/css"&a:link{text-decoration: color:#000;}a:visited{text-decoration: color:#6F0;}a:hover{text-decoration: color:#00F;}a:active{text-decoration: color:#F00;}a.web:visited{text-decoration: color:#000;}&/style&&/head&&body&&div id="link"&&a href="&a href="http://www.baidu.com"&http://www.baidu.com&/a&" class="web"&网页设计&/a& | &a href="&a href="http://www.baidu.com"&http://www.baidu.com&/a&"&平面设计&/a& | &a href="&a href="http://www.baidu.com"&http://www.baidu.com&/a&"&网站前端&/a& | &a href="&a href="http://www.baidu.com"&http://www.baidu.com&/a&"&动画设计&/a& | &a href="&a href="http://www.baidu.com"&http://www.baidu.com&/a&"&软件开发&/a& | &a href="&a href="http://www.baidu.com"&http://www.baidu.com&/a&"&网页营销&/a&
&a href="&a href="http://www.baidu.com"&http://www.baidu.com&/a&"&我会闪&/a&&/div& &/body&&&三、:focus{属性:属性值}设置对象在成为输入焦点时的样式(IE6/7不支持)
代码如下:&style type="text/css"&input{width:200height:25border:2px solid #FF0;}input:focus{background:#9FF;}&/style&&/head&&body& &label&用户名： &input type="text" name="username"/&&/label& &label&密　码： &input type="text" name="pwd"/&&/label&&/body&&四、练习
1.给链接加上边框
代码如下:&style type="text/css"&a{font-size:36}a:link{color:#009;text-decoration:border-bottom:2px solid #F00;line-height:150%;/*line-height:是为了和下划线分开点*/}&/style&&/head&&/p&
&p&&body&&a href="#"&PHP.COM中文网&/a&&/body&&
2.在超链接中用背景图象添加记号（给超链接a加上背景图片即可）
代码如下:&style type="text/css"&a:link{color: #f00;padding-left:13background:url(fasfas.gif) no-text-decoration:}a:visited{color:#900;padding-left:13background:url(das.gif) no-text-decoration:&/p&
&p&}&!--将visited改为hover可以实现鼠标浮动的效果--&&/style&&/head&&/p&
&p&&body&&p&PHP100.COM中文网,&a href="&a href="http://www.baidu.com"&PHP&/a"&www.baidu.com"&PHP&/a&/a&&资源共享站&/p&&/body&&7.创建按钮和翻转
代码如下:&style type="text/css"&a {Display:Width: 140Padding: 3height:30oxLine-height: 30Background-color: #94b8e9;Border: 1Color: #000;Text-decoration:Text-align:}a:hover {background-color: #369;color:#}&/style&&/head&&body&&a href="http:\\www.baidu.com"&PHP100.COM中文网&/a&&/body&&8.纯 css 工具提示
代码如下:&style type="text/css"&a.tooltip {position:}a.tooltip span {display:}a.tooltip:hover {font-size: 100%; /* Fixes bug in IE5.x/Win */}a.tooltip:hover span {display:position:top:1left:2padding: 0.2em 0.6border:1px solid #996633;background-color:#FFFF66;color:# 000;}&/style&&/head&&body&&p&&a href="#"&PHP.COM&span&PHP官网&/span&&/a&&/p&&p&&a href="&a href="http://www.anfsdfasdybufdsfdasfdd.com/"&http://www.anfsdfasdybufdsfdasfdd.com/&/a&" class="tooltip"&Andy Budd&span& (This websiterocks) &/span&&/a& is a web developer based in Brighton England.&/p&&/body&
大家感兴趣的内容
12345678910
最近更新的内容 上传我的文档
 上传文档
 下载
 收藏
粉丝量：14
该文档贡献者很忙，什么也没留下。
 下载此文档
静态网页设计——使用CSS控制超链接文字样式
下载积分：2990
内容提示：静态网页设计——使用CSS控制超链接文字样式
文档格式：PDF|
浏览次数：38|
上传日期： 17:46:57|
文档星级：
全文阅读已结束，如果下载本文需要使用
 2990 积分
下载此文档
该用户还上传了这些文档
静态网页设计——使用CSS控制超链接文字样式
关注微信公众号