如何制作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