PoshyTip 是JQuery中一款文本提示插件,在Jsp页面使用相当方便,插件内包含了很多外观样式,可以作为FormTooltips使用。
插件包下载地址:http://vadikom.com/files/?file=poshytip/poshytip-1.2.zip
PoshyTip Demo地址:http://vadikom.com/demos/poshytip/
下载好插件包后,解压可看到目录中有自定义样式,我们把这些样式引入页面中就可以使用了,如图
aaarticlea/png;base64,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" alt="" />
第一步:将整个文件夹引入到你的js文件夹内(个人觉得不需要这么多,你需要哪个样式就引入哪个,但是有两个主文件必须引入,下一步再说);
第二步:在JSP页面引入poshiytip的关键代码:
<head id="head" runat="server">
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/js/poshytip/tip-yellowsimple/tip-yellowsimple.css" />
//这两个必须引入
<script type="text/javascript" src="<%=request.getContextPath()%>/js/poshytip/jquery.poshytip.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-1.6.2.min.js"></script>
<script type="text/javascript">
$(function () {
$('#demo-tip-yellowsimple').poshytip({
className: 'tip-yellowsimple',
content:'[title]',
showTimeout: 1,
alignTo: 'target',
alignX: 'center',
offsetY: 5,
allowTipHover: false });
}); </script>
</head>
执行效果如图:
aaarticlea/png;base64,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" alt="" />
示例:在个人的使用中出现了要显示一个小提示页面的功能,要在不同的位置循环显示,就不可能去挨个title里面写内容,就在content里面写元素内容完全没有显示,后来发现是content内写组合元素内容不能分行
效果如图:
aaarticlea/png;base64,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" alt="" />
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>tips 信息提示</title>
</head> <body >
<link rel="stylesheet" href="<%=request.getContextPath()%>/js/poshytip-1.1/tip-yellow/tip-yellow.css" type="text/css" />
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/poshytip-1.1/jquery.poshytip.js"></script> <script type="text/javascript">
$(function () {
for(var i=1;i<4;i++){
$('#demo-tip-yellow'+i).poshytip({
className: 'tip-yellow',
content:'<div style="color:#636363 "> <strong>1.PoshyTip:</strong>文本提示信息<br/>
<table frame="box" style="border-collapse:collapse" border="1">
<tbody><tr align="center"><td >content</td><td>提示气泡里面显示的内容</td></tr>
<tr align="center"><td >className</td><td>指定的tips class样式</td></tr> </div> ',
//此处写content提示信息内容不能分行,要在一行写,不然不能显示出来
showOn: 'hover',
alignY: 'bottom',
showTimeout: 50,
});
}
});
</script> <p><a id="demo-tip-yellow1" href="#">.demo-tip-yellow1</a></p>
<p><a id="demo-tip-yellow2" href="#">.demo-tip-yellow2</a></p>
<p><a id="demo-tip-yellow3" href="#">.demo-tip-yellow3</a></p> </body>
</html>
最后来总结一下它的属性:
className: 'tip-yellowsimple' //指定的tips class样式,包里面已经有自定义样式 content:'[title]' // 提示气泡里面显示的内容,默认为元素的标题,可以是指定的字符串、元素、回调函数、jquery对象 bgImageFrameSize:10, //按照像素计算背景图片和显示内容的内边距 showTimeout:500, // 延时多久开始显示(1000 == 1 second) hideTimeout:100, // 延时多久开始隐藏 timeOnScreen:0, // 自动隐藏之前延时多久 showOn:'hover', //显示方式 支持'hover'鼠标划入、'focus' 获取焦点、'none'手动显式调用 liveEvents:false, // 支持live 事件 同样可以对未来元素进行影响 alignTo:'cursor', // 和谁进行对齐 ('cursor' 鼠标, 'target' 目标元素) alignX:'right', // 水平方向对齐方式 可选参数:'right', 'center', 'left', 'inner-left', 'inner-right' ,如果 alignTo:'target' ,无效 alignY:'top', // 垂直方向对齐方式 可选参数:'bottom', 'center', 'top', 'inner-bottom', 'inner-top' ,如果 alignTo:'target' ,无效 offsetX:-22, // 水平偏移量,如果alignX:'center',无效 offsetY:18, // 垂直方向偏移量,如果alignX:'center',无效 allowTipHover:true, //hover显示方式下,允许鼠标离开元素仍然显示提示信息 followCursor:false, // 提示信息随着鼠标移动 只在满足hover显示方式下,对齐方式为alignTo:'cursor' 才有效 fade:true, // 使用动画 slide:true, // 使用slie效果 slideOffset:8,// slide 动画的偏移量 showAniDuration:300, // 动画显示的时间间隔 如果不想动画效果,设置为0即可 hideAniDuration:300 // 动画隐藏的时间间隔 如果不想动画效果,设置为0即可