yitip v0.1 基于jquery的文字提示插件(明河作品) |
2021-01-21 22:46:13 35资源网(www.35d.net) |
jQuery |
下载本资源原文网址:http://www.daima.org/jQuery/jq16125.html jquery.yitip jquery文字提示插件,yitip目前在IE下效果存在瑕疵,尤其是在IE8以下版本的IE浏览器,所以IE8以下明河做了特殊处理,没有开启偏移。日后明河将会予以修正,目前yitip的位置设置只有4个,下个版本,明河将更新左、右、上、下。 如果你有什么好的意见或发现了bug,欢迎给明河留言,谢谢! 使用教程一、引入jquery库和yitip的js及其css <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="js/jquery.yitip.js"></script> <link rel="stylesheet" type="text/css" href="style/css/base.css" /> <link rel="stylesheet" type="text/css" href="style/css/jquery.yitip.css" />
二、创建如下的html结构 <h2><a href="//www.36ria.com/" title="这款的插件名为yitip">默认提示框</a></h2>
如果你想要改变提示框颜色可以加color属性(默认为黄色):
<h2><a href="//www.36ria.com/" title="这款的插件名为yitip" color="blue">默认提示框</a></h2>
三、初始化插件 $('[title]').yitip();
四、获取插件API 比如你有如下目标元素:
<a href="//www.36ria.com/" title="yitip的作者为明河共影" id="demo3-title">demo3:这是第三个标题</a>
初始化插件后,按如下代码获取API:
var demo3Tip = $("#demo3-title").yitip("api"); demo3Tip.options.offest = {"left":10,"top":0}; demo3Tip.setPosition("rightMiddle");
这里重新设置该目标元素的提示框的位置。 |
|
|
|
资源大全_资源下载网站:www.35d.net 本站资源仅限研究学习使用,如需商用请联系版权方, 本站事务联系QQ:939804642
|
|