css可以定义超级链接a标签里面的title的样式吗?该如何处理
1个回答
展开全部
你可以通过onmouseover事件来show一个内容为title的自定义box给这个box啦定义样式。
------解决方案--------------------------------------------------------<style#tooltip{border:1px solid red; background:#FF6;
position:absolute;
padding:1px;
color:#333;
display:none;}</style<script type=text/javascript src=scripts/jquery-1.7.1.min.js</script
<script type=text/javascript
$(function(){var x=10;var y=20;$(a.tooltip).mouseover(function(e){
this.myTitle=this.title;
this.title=;
var tooltip=<div id='tooltip'+this.myTitle+</div; //创建DIV元素
$(#link).append(tooltip); //追加到文档中
$(#tooltip).css({top: (e.pageY+y) + px,left: (e.pageX+x) + px}).show(); //设置X Y坐标, 并且显示
}).mouseout(function(){
this.title=this.myTitle;
$(#tooltip).remove(); //移除
}).mousemove(function(e){
$(#tooltip).css({top: (e.pageY+y) + px,left: (e.pageX+x) + px});})})</script
<title超链接提示效果</title</head<body<div id=link
<p<a href=# class=tooltip title=这是我的超链接提示1提示1</a</p
<p<a href=# class=tooltip title=这是我的超链接提示2提示2</a</p
<p<a href=# title=这是我的超链接提示1自带提示1</a</p
<p<a href=# title=这是我的超链接提示2自带提示2</a</p</div</bodyjq写的, 你看看是不是你想要的那种效果, 提示框的样式可以自己更改的。。
------解决方案--------------------------------------------------------<style#tooltip{border:1px solid red; background:#FF6;
position:absolute;
padding:1px;
color:#333;
display:none;}</style<script type=text/javascript src=scripts/jquery-1.7.1.min.js</script
<script type=text/javascript
$(function(){var x=10;var y=20;$(a.tooltip).mouseover(function(e){
this.myTitle=this.title;
this.title=;
var tooltip=<div id='tooltip'+this.myTitle+</div; //创建DIV元素
$(#link).append(tooltip); //追加到文档中
$(#tooltip).css({top: (e.pageY+y) + px,left: (e.pageX+x) + px}).show(); //设置X Y坐标, 并且显示
}).mouseout(function(){
this.title=this.myTitle;
$(#tooltip).remove(); //移除
}).mousemove(function(e){
$(#tooltip).css({top: (e.pageY+y) + px,left: (e.pageX+x) + px});})})</script
<title超链接提示效果</title</head<body<div id=link
<p<a href=# class=tooltip title=这是我的超链接提示1提示1</a</p
<p<a href=# class=tooltip title=这是我的超链接提示2提示2</a</p
<p<a href=# title=这是我的超链接提示1自带提示1</a</p
<p<a href=# title=这是我的超链接提示2自带提示2</a</p</div</bodyjq写的, 你看看是不是你想要的那种效果, 提示框的样式可以自己更改的。。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询