jq小插件tiptip
来源:互联网 发布:mac 快速发送qq文件 编辑:程序博客网 时间:2024/05/01 22:20
- 可以在tiptip的css中添加下面的属性控制提示内容显示的位置和颜色
- tip_top
- tip_bottom
- tip_left
- tip_right
- tip_left_top
- tip_left_bottom
- tip_right_top
- tip_right_bottom
- 代码应用
- activation :鼠标方式(默认情况下为“hover ”)jQ的方法Tip被激活。可以设置为:“hover ”,“focus ”或“click ”。
- KEEPALIVE:保持方式(默认为False) -当设置为true Tip只会淡出,当你将鼠标悬停在的实际TipTip,然后悬停它关闭。
- maxWidth:字符串(默认情况下为“200像素”) - CSS
最大宽度
属性的Tip元素。这是一个字符串,所以你可以申请一个百分比规则或'auto'。 - edgeOffset:数目默认是3,小标与要提示的内容的距离。
- defaultPosition:显示位置(默认情况下,“自下而上”)可以将其设置为“顶”,“底”,“左”或“右”。
- delay 延迟数(默认为400) -延迟,前弹出后显示Tip的你
鼠标悬停
适用于它的元素Tip 的毫秒数。 - fadeIn 淡入(默认情况下为200) -淡入速度。
- fadeOut 淡出(默认情况下为200) - 淡出速度。
- attribute 属性:字符串(默认情况下,“title ”)(在js中可以更改)Tip提示内容的添加位置。
- content 内容:字符串(默认为False) - HTML使用的字符串作为Tip的内容的。将覆盖从任何HTML属性的内容。
- enter :回调函数 -自定义功能,每次运行你的mouseover 的元素Tip适用于它。
- exit :回调函数 -自定义功能,每次运行你的元素Tip适用于
mouseout的
。 - 例子
<script src="
jquery-1.8.1.min.js" ></script><script type="text/javascript">
$(
function
(){
$(
".test"
).tipTip(
{maxWidth: "auto", edgeOffset: 4, delay: 250, fadeIn: 100, fadeOut: 800,
defaultPosition:"bottom"});});
</script>
<div class="test" title="看看什么效果">
测试
</div>
- jq小插件tiptip
- 轻便提示插件tipTip
- Jq提示小插件Poshy Tip
- JQ插件
- jq插件
- jq滚动小插件superslide2,的确是很强悍的
- JQ滚动插件
- JQ 上传插件
- jq遮罩层插件
- JQ 倒计时插件
- jq 插件编写 待
- JQ插件写法二
- jq UI插件
- jq 插件开发
- jq开发插件格式
- 常用前端jq插件
- jq插件写法
- JQ插件开发
- 梦断代码--一个程序员的自白(八)
- jdbcTemplate批量插入
- iPhone/Mac Objective-C内存管理教程和原理剖析(一)基本原理
- 结构之美:判断单链表中是否有环
- HDU 4059 容斥原理及其应用
- jq小插件tiptip
- Activity Task 与 Intent Filter Flag
- Android: 在WebView中获取网页源码
- TabActivity 中back键的捕捉响应问题
- javascript cookie 设置
- (转载)C#利用ICSharpCode.SharpZipLib.dll压缩文件和解压文件
- ApiDemos学习笔记---app---Activity---Animation
- CF 4C Registration system
- 【Web缓存机制概述】1 – Web缓存的作用与类型