<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN"
<html>
<head>
<meta http-equiv=
"Content-Type"
content=
"text/html; charset=utf-8"
>
<title></title>
</head>
<body>
<!--在文章內添加 selected-article ID-->
<div id=
"selectedArticle"
>
<p>歡迎來到腳本之家...</p>
<p>腳本之家是國內專業的網站建設資源、腳本編程學習類網站...</p>
<p>提供asp、php、asp.net、javascript、jquery、vbscript、dos批處理、網頁制作、網絡編程、網站建設等編程資料...</p>
</div>
<script type=
"text/javascript"
src=
"jquery-1.7.2.min.js"
></script>
<script type=
"text/javascript"
>
document.writeln(
"<style>"
);
document.writeln(
".tooltip {width:219px;height:33px;background:url(bg-wenzi.png) no-repeat left top;}"
);
document.writeln(
".tooltip a {width:219px;height:33px;display:block;}"
);
document.writeln(
"</style>"
);
$(
function
() {
//將該id下的文章，鼠標選中松開后彈窗
$(
"#selectedArticle"
).mouseup(
function
(e) {
var
x = 10;
var
y = 10;
var
r =
""
;
if
(document.selection) {
r = document.selection.createRange().text;
}
else
if
(window.getSelection()) {
r = window.getSelection();
}
if
(r!=
""
) {
var
bowen =
" "
;
var
tooltip =
"<div id='tooltip' class='tooltip'><a href='###' target='_blank'>"
+ bowen +
"</a></div>"
;
$(
"body"
).append(tooltip);
$(
"#tooltip"
).css({
"top"
: (e.pageY + y) +
"px"
,
"left"
: (e.pageX + x) +
"px"
,
"position"
:
"absolute"
}).show(
"fast"
);
}
}).mousedown(
function
() {
$(
"#tooltip"
).remove();
});
});
</script>
</body>
</html>