我的第三个jquery插件——promptForK13内容提示插件
jQuery提示插件,默认css样式使用了css3属性,所以最好在火狐或谷歌等标准浏览器下浏览。可自定义提示框结构及样式。 下载
可设参数:
"addID": "", //追加ID,方便自定义控制
"addClass": "", //追加class,方便自定义控制
"dom": "", //自定义dom结构
//最外面的元素必须以.prompt_k13包裹
//内部必须有.content_k13空元素存放文字
//.close_btn_k13关闭按钮可根据需要添加
//无论几层嵌套都可,不可换行,例如:
//<div class="prompt_k13"><span class="close_btn_k13">关闭</span><div class="content_k13"></div></div>
"closeBtn": true, //是否显示关闭按钮
"autoClose": true, //是否自动关闭
"autoCloseTime": 5000, //自动关闭延时,单位毫秒
"animate": true, //是否显示动画效果
"animateTime": 300, //动画时长,单位毫秒
"animateLength": 30, //动画移动距离,单位px
"gap": 8, //与父元素间隙,单位px
"close": false, //控制关闭
"text": "这里是提示内容", //提示内容
"position": "right" //提示位置.top上边,left左边,right右边,bottom下边,默认右边
功能:
1.可设置上下左右四个方向弹出
2.可手动或自动关闭
3.可设置有无动画效果以及动画时长
4.可自定义弹出dom结构,所有外观均可用css改变
下载地址
示例:
页面引入:
<script type="text/javascript" src="script/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="script/promptForK13.min.js"></script>
调用方法:
如果使用默认设置,如下:
$("#demo").promptForK13();
如果自定义参数,如下:
$(this).promptForK13({
"addClass": "prompt_top",
"text":"点击X才能关闭",
"position": "top",
"autoClose": false
});
html:
<div id="demo"></div>
自己写了几个示例放在 打包文件 中,效果如下图:
转载于:https://www.cnblogs.com/k13web/p/4139861.html
我的第三个jquery插件——promptForK13内容提示插件相关推荐
- html5自动提示插件,jquery万能浮动框提示插件
特效描述:jquery 万能浮动框提示.jquery万能浮动框提示插件 代码结构 1. 引入CSS 2. 引入JS 3. HTML代码 jQuery万能浮动框插件测试 一.加载页面上元素 默认rel加 ...
- jquery响应式内容滑动插件bxSlider
为什么要使用bxSslider jquery插件呢 完美响应式设计,适应任何设备. 可以包含图像,视频或HTML内容. 先进的触摸响应设计,极好的交互体验. 使用CSS动画,更流畅便省资源,加硬件加速 ...
- 每日分享,三款纯jquery移动端日期时间选择插件
序言:mm再也不用担心我找不到合适好看的日期选择插件了,今天分享三款纯jquery移动端日期时间选择插件,赶紧点赞收藏转发吧. 一.jQuery移动端触屏滑动时间日期选择插件 简介:jQuery移动端 ...
- 40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
网页的首页或图片专题页面很多地方都会用到图片滑动插件来循环切换多张图片,并且用户可以点击左右按钮来切换图片.相信大家都知道jQuery是最优秀的Javascript框架之一.以其语法简单灵活而大受We ...
- 从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件
本系列文章导航 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery ( ...
- 从零开始学习jQuery (三) 管理jQuery包装集
本系列文章导航 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery ( ...
- 20个jQuery 图片及多媒体画廊插件
在本文中,我们将一起看一看20款最好的jquery插件,你可以利用它轻松创建功能丰富的画廊.这其中的一些支持多媒体格式,比如视频和Flash,也有一些可能是老面孔了,可以说是经过时间验证,非常可靠. ...
- jquery validate表单验证插件
1 表单验证的准备工作 在开启长篇大论之前,首先将表单验证的效果展示给大家. 1.点击表单项,显示帮助提示 2.鼠标离开表单项时,开始校验元素 3.鼠标离开后的正确.错误提示及鼠标移入时的帮 ...
- html中表单的校验的插件,功能强大的jquery.validate表单验证插件
本文实例为大家分享了jquery.validate表单验证的使用方法,供大家参考,具体内容如下 1 .表单验证的准备工作 在开启长篇大论之前,首先将表单验证的效果展示给大家. 1.点击表单项,显示帮助 ...
最新文章
- Jenkins 2.9.1 安装文档
- PHP任何类转对象访问
- Python中的retry
- linux grub设置cpu频率,Linux:使用性能调控器时,为什么CPU频率会发生波动?
- 图解python_图解Python深拷贝和浅拷贝
- Kaggle Kernels和 Colab, Binder, Azure Notebooks, CoCalc, Datalore的比较
- ubuntu16.04下面的redis desktop manger的使用
- python字符串解释_python基础之字符串详解
- 如何在路由器的局域网下使用IIS发布网页
- Oracle 从入门到精通视频教程(11G版本)
- 任正非:5G只是一个工具 本身没有安全问题
- 【报告分享】中国移动互联网2021年度大报告.pdf(附下载链接)
- python课设带报告_20193103陈柏维《Python程序设计》实验四报告
- 【转】C#获取用户桌面等特殊系统路径
- 入侵本地Mac OS X方针与技巧
- Java三月春招面试经历分享(没offer不是我的锅)
- 印第安纳大学计算机语言学,语言学
- 精通javascript 代码总结
- 23西南大学电子信息907专硕考研经验贴
- ios duang 动画简记
热门文章
- linux下修改mysql数据存储_linux 更改mysql 数据存储目录
- python tempfile模块用不了_Python tempfile:坏了还是我做错了?
- android使用的图片压缩格式,Android 之使用libjpeg压缩图片
- linux环境下c回车,linux_C 让 getchar()不再需要回车
- easyui datagrid不是相邻的能合并单元格吗_介绍一种划分账龄的方法,要不了半个小时就能完成...
- php调mysql接口头文件_php基础系列:PHP连接MySQL数据库用到的三种API
- 严格模式 华为_华为千元机虽然好,但是千万别乱选,这三款才是内行人的最爱...
- wpf 360软件管家_软件管家对比及推荐,避免全家桶的坑
- HDFS中的safemode
- docker 安装openmaptiles