如何製作jQuery彈出式註釋?這是我目前有,如何製作jquery彈出式註釋
Note Code Example
<html>
<head>
<script type="text/javascript" src="jquery.js"> </script>
<style type="text/css" rel="stylesheet">
#popup {
border: 1px solid black;
width: 400px;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
$(".HoverMe").mouseenter(function() {
var left = $(".HoverMe").position().left;
var top = $(".HoverMe").position().top;
$("body").append("<div id=\"popup\"> </div>");
$("#popup").css("left",left);
$("#popup").css("top",top);
$("#popup").append("<p> Hello World </p>");
});
$(".HoverMe").mouseleave(function() {
$("#popup").fadeout("fast");
});
});
</script>
</head>
<body>
<div class="HoverMe">
Hover Me
</div>
</body>
</html>
那不是我想要的,我想要的東西,就像當你徘徊一些文本,它會顯示一些文字彈出。如果有意義的話,彈出窗口然後與文本的中心對齊。
任何示例都將有用,
謝謝!
有很多jQuery *插件*已經做到了這一點,除非你只是*那*專業,否則你不需要。 – Incognito 2010-09-08 20:17:02
我想學習如何用jquery自己做,可能會學到一兩種新技術。 – Gebsbo 2010-09-08 20:19:13