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即可

PoshyTip jQuery 文本提示插件的使用的更多相关文章

  1. 漂亮灵活设置的jquery通知提示插件toastr

    toastr是一款非常棒的基于jquery库的非阻塞通知提示插件,toastr可设定四种通知模式:成功,出错,警告,提示,而提示窗口的位置,动画效果都可以通过能数来设置,在官方站可以通过勾选参数来生成 ...

  2. 10款jQuery文本高亮插件

    [编者按]本文作者为 Julian Motz,主要介绍十款 jQuery 文本高亮插件的现状.文章系国内 ITOM 管理平台 OneAPM 编译呈现. 很多应用或网站都为用户提供搜索关键词的方法.为了 ...

  3. Jquery消息提示插件toastr使用详解

    toastr是一个基于jQuery简单.漂亮的消息提示插件,使用简单.方便,可以根据设置的超时时间自动消失. 1.使用很简单,首选引入toastr的js.css文件 html <script s ...

  4. Jquery消息提示插件toastr使用

    toastr是一个基于jQuery简单.漂亮的消息提示插件,使用简单.方便,可以根据设置的超时时间自动消失. 相关文件到官网去下载即可 1.引入toastr的js和css文件 <link hre ...

  5. Jquery 错误提示插件

    这是一个简单的输入框错误提示插件,可拓展! .jq-error{ font-size:12px; min-width:150px; width:auto; max-width:350px; line- ...

  6. Jquery消息提示插件toastr

    toastr是一个基于jQuery简单.漂亮的消息提示插件,使用简单.方便,可以根据设置的超时时间自动消失. 1.使用很简单,首选引入toastr的js.css文件 <script src=&q ...

  7. 介绍Web项目中用到的几款JQuery消息提示插件

    第一款 noty 官方网站:https://github.com/needim/noty 第二款 artDialog artDialog是一个精巧的web对话框组件,压缩后只有十多KB,并且不依赖其他 ...

  8. 制作jQuery文字提示插件

    (functions($){ $.fn.colorTip=function(settings){ var defaultSettings={ color:'yellow', timeout:500 } ...

  9. jQuery 文本编辑器插件 HtmlBox 使用

    0.htmlbox下载地址:http://download.csdn.net/detail/leixiaohua1020/6376479 1.引入头文件 <script src="li ...

随机推荐

  1. 初学python(print使用、条件分支、循环、模块引用)

    import random """ #查看源代码日后爬虫用 import urllib.request # coding=utf-8 url = "http:/ ...

  2. ajax_demo:GET POST发送数据

    GET,通过url发送数据 <%@ page language="java" contentType="text/html; charset=UTF-8" ...

  3. books

    <<learning opencv>>,   布拉德斯基 (Bradski.G.) (作者), 克勒 (Kaehler.A.) (作者),   这本书一定要第二版的,因为第二版 ...

  4. java 删除字符串中的特定字符

    /** * Delete any character in a given String. * @param inString the original String * @param charsTo ...

  5. PAT 1076. Forwards on Weibo (30)

    Weibo is known as the Chinese version of Twitter. One user on Weibo may have many followers, and may ...

  6. Yii2中request的使用方法

    1.普通的get和pst请求 $request = Yii::$app->request; $get = $request->get(); // 等同于: $get = $_GET; $i ...

  7. Quartz定时任务学习(五)触发器

    顾名思义,Trigger(触发器)的责任就是触发一个 Job 去执行.当用 Scheduler 注册一个 Job 的时候要创建一个 Trigger 与这个 Job 相关联.Quartz 提供了四种类型 ...

  8. BASH内置变量

    BASH内置变量 ().BASH 作用:bash的完整路径.默认为/bin/bash ().BASH_ENV 作用:仅在非交互模式中适用.在执行shell脚本时,会先检查该变量是否指定了启动 脚本,若 ...

  9. hadoop错误DataXceiver error processing WRITE_BLOCK operation

    错误: DataXceiver error processing WRITE_BLOCK operation 原因:     文件操作超租期,实际上就是data stream操作过程中文件被删掉了. ...

  10. 两款Mac下的视频下载利器

    1 iSkysoft iTube Studio 2.jaksta mac