会python真的可以为所欲为0(回)
350天前
这里还有人吗1(回)
535天前这里还有人吗0(回)
535天前
每天面对着电脑屏幕，敲打键盘。我所面对的并不只是代码，而是一种生活方式。0(回)
760天前到处都是羊，不想上班0(回)
840天前
鸽子
0(回)
844天前<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" |
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
<html xmlns="http://www.w3.org/1999/xhtml"> |
<head> |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
<title>文字提示</title><!-- 引入jQuery --> |
<script src="../../scripts/jquery-1.3.1.js" type="text/javascript"> |
</script> |
<style type="text/css"> |
/*<![CDATA[*/ |
body{ |
margin:0; |
padding:40px; |
background:#fff; |
font:80% Arial, Helvetica, sans-serif; |
color:#555; |
line-height:180%; |
} |
p{ |
clear:both; |
margin:0; |
padding:.5em 0; |
} |
/* tooltip */ |
#tooltip{ |
position:absolute; |
border:1px solid #333; |
background:#f7f5d1; |
padding:1px; |
color:#333; |
display:none; |
} |
/*]]>*/ |
</style> |
<script type="text/javascript"> |
//<![CDATA[ |
$(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 元素 |
$("body").append(tooltip); //把它追加到文档中 |
$("#tooltip") |
.css({ |
"top": (e.pageY+y) + "px", |
"left": (e.pageX+x) + "px" |
}).show("fast"); //设置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> |
</head> |
<body> |
<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> |
</body> |
</html> |
