如果你用JQUERY UI的话会很简单的
让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名申请、虚拟空间、营销软件、网站建设、马边彝族网站维护、网站推广。
先把 “script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"/script” 加上
然后在“欢迎提意见”那个a里加上一个属性“title”,也就是 a id="tiyijian" href="#" title="文字提示内容"欢迎提意见/a
最后在mouseover的function里加上
$(this).tooltip({
position: {
my: "left top",
at: "right+5 top-5"
}
});
position 可自行做调整,css也可以添加,详细看jquery-ui tooltip
下面是html实现鼠标悬停时显示提示信息:
input type="text" title="日期格式为:yyyy/MM或yyyy/MM/dd" /
jquery实现:
$(input).addAttr('title','日期格式为:yyyy/MM或yyyy/MM/dd');
input type="text" /
先定义一个DIV,把你要提示的内容,放到这个DIV中
div id="divInfo" style="visibility:hidden;"
p向上增加一行/pbr/
p修改此行/pbr/
p向下增加一行/p
/div
代码:
$("table tr").mouseover(function(){
$("#divInfo").css("z-index",999);//让层浮动
$("#divInfo").css("top",this.top+行高);//设置提示div的位置
$("#divInfo").css("left",11);
$("#divInfo").css("visibility","visible");
})
就行了