PoshyTip 是JQuery中一款文本提示插件,在Jsp页面使用相当方便,插件内包含了很多外观样式,可以作为FormTooltips使用. 插件包下载地址:http://vadikom.com/files/?file=poshytip/poshytip-1.2.zip PoshyTip Demo地址:http://vadikom.com/demos/poshytip/ 下载好插件包后,解压可看到目录中有自定义样式,我们把这些样式引入页面中就可以使用了,如图…

toastr是一款非常棒的基于jquery库的非阻塞通知提示插件,toastr可设定四种通知模式:成功,出错,警告,提示,而提示窗口的位置,动画效果都可以通过能数来设置,在官方站可以通过勾选参数来生成JS,非常的方便使用.jQ酷的另外一款jquery提示插件也不错:jQuery自定义工具提示插件DarkTooltip. 使用方法: 引入核心文件 1 2 3 <link href="toastr.css" rel="stylesheet" type="…

[编者按]本文作者为 Julian Motz,主要介绍十款 jQuery 文本高亮插件的现状.文章系国内 ITOM 管理平台 OneAPM 编译呈现. 很多应用或网站都为用户提供搜索关键词的方法.为了加快这一过程,提供良好的用户体验,帮助用户准确地查找到他们搜索的内容,你可以在页面中动态高亮这些搜索关键字. 这里有10款jQuery文本高亮插件,可以实现这一功能. 1. mark.js 这是用于搜索术语或自定义正则表达式的关键字高亮插件,使用ES6语言编写,基于几十个跨浏览器的单元测试,以及代码…

toastr是一个基于jQuery简单.漂亮的消息提示插件,使用简单.方便,可以根据设置的超时时间自动消失. 1.使用很简单,首选引入toastr的js.css文件 html <script src="<%=path%>/res/toastr/toastr.min.js"></script> <link rel="stylesheet" href="<%=path%>/res/toastr/toastr…

toastr是一个基于jQuery简单.漂亮的消息提示插件,使用简单.方便,可以根据设置的超时时间自动消失. 相关文件到官网去下载即可 1.引入toastr的js和css文件 <link href="/toastr/build/toastr.css" rel="stylesheet"> <script src="/toastr/build/toastr.min.js"></script> 2.初始化toastr…

这是一个简单的输入框错误提示插件,可拓展! .jq-error{ font-size:12px; min-width:150px; width:auto; max-width:350px; line-height:20px; position:relative; border:1px solid #fe4e4c; background-color:#fe4e4c; color:white; margin-top:5px; padding: 4px 10px; } .error-bottom >…

toastr是一个基于jQuery简单.漂亮的消息提示插件,使用简单.方便,可以根据设置的超时时间自动消失. 1.使用很简单,首选引入toastr的js.css文件 <script src="<%=path%>/res/toastr/toastr.min.js"></script> <link rel="stylesheet" href="<%=path%>/res/toastr/toastr.min.…

第一款 noty 官方网站:https://github.com/needim/noty 第二款 artDialog artDialog是一个精巧的web对话框组件,压缩后只有十多KB,并且不依赖其他框架. 官方网站: https://github.com/aui/artDialog 第三款 qTip qTip2 是一个漂亮的 jQuery 的工具提示插件 demos:http://qtip2.com/demos 官方网站:http://qtip2.com/download…

(functions($){ $.fn.colorTip=function(settings){ var defaultSettings={ color:'yellow', timeout:500 } var supportedColor=['red','green','blue','white','yellow','black']; settings=$.extend(defaultSettings); return this.each(function(){ var elem=$(this)…

0.htmlbox下载地址:http://download.csdn.net/detail/leixiaohua1020/6376479 1.引入头文件 <script src="lib/jquery-1.8.3.min.js"></script>  <script type="text/javascript" src="lib/htmlbox/htmlbox.colors.js"></script>…