a 标签超链接提示效果_鼠标特效

内容介绍

今天在论坛看到一个网友，问答这样的一个问题，“css可以定义超级链接a标签里面的title的样式吗？”，答案是不可能的。想要他那样的效果，只有用js实现这样的效果了。

}
</style>
<script type="text/javascript" src="http://www.bcty365.com/statics/js/bcty365_js/jquery.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>

本站所有特效都是站长亲自测试后发布的，如果运行代码无效果，请复制到您的本机运行

运行代码复制代码另存代码[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

全站搜索

a 标签超链接提示效果

内容介绍

最新推荐

本周排行