鼠标移动到该区域,显示悬浮窗口 鼠标移动到该区域,显示悬浮窗口是不是需要个插件?给介绍个jquery插件吧 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 不需要 jquery把 自己写一下js 就可以了 不用jQuery。可以用onmouseover事件(别用onmousemove)。先创建一个DIV,设置属性style="display:none;"鼠标悬停时,触发onmouseover事件,让div的style.display="" 就行了注意设置div的出现坐标。 页面:<p><a href="#" class="tooltip" title="超链接提示">提示</a></p>样式:<style>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>js:$(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" }); });}) 如果只是展现一个小贴士的话,只需要用一下对应标签的 title 属性。 jquery append 疑问?怎么限制只能添加2个 如何解析sql语句并提取出表名 ssh怎么自动清理构建 dom4j的setname()问题 为什么要用spring类框架? 散散分 高分求java调用第三方动态库的具体实例代码!!! 有没有什么工具可能使Hibernate的hbm.xml文档和pojo及database同步? jboss3.2.2和JB7怎么整合呀?在线等!!!!!!!!!!!!!!!!! 请问在同一台服务器中装了IIS后,还可以装apache jsp加载写好的class报错,看看我哪个地方做的有问题? struts2上传文件时拦截器不起作用
可以用onmouseover事件(别用onmousemove)。
先创建一个DIV,设置属性style="display:none;"
鼠标悬停时,触发onmouseover事件,让div的style.display="" 就行了
注意设置div的出现坐标。
样式:<style>
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>
js:$(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"
});
});
})