存档

文章标签 ‘原创插件’

原创插件之jQuery Simple Ajax Message plugin

2009年9月12日 IT北瓜 没有评论

这个插件的功能十分简单,用于提示ajax执行过程的等待效果及执行结果的成功或者失败提示。

说明:

1.需要pngFix插件支持以实现IE浏览器下png背景图片的透明效果

2.如果设置draggable参数为true,则还需要jqDnR插件实现拖动效果,这款插件十分小巧。

3.提供两套皮肤,通过skin: ‘aero’,//允许值::"aero"、"aero2"来设置。

4.参数timeout默认值为0,不设置该值则插件不会自动关闭需要通过hideSAM();来关闭,设置了该值则会定时关闭。

实例演示DEMO

原创插件之jQuery niceTitle plugin

2009年9月4日 IT北瓜 27 条评论

历史版本:

Version 1.00  2009年9月1日  第一个发布版本

Version 1.10  2009年9月7日  修正在IE浏览器下改变背景颜色无效的bug

Version 1.20  2009年9月14日  更新后,当a标签之间的内容为一张图片时,不显示图片的alt和title,这样更美观。

Version 2.00 2009年9月19日 更新到v2.0.0,现在niceTitle能够对所有HTML标签起作用,感谢来自捷克的Macek提出的建议。v1版本只对a标签起作用。

Version 2.10 2009年9月29日 更新到v2.1.0,增加了一个showLink参数,修正了当niceTitle靠右超出屏幕显示范围时导致出现X轴滚动条的bug。感谢来自捷克的Macek的热心测试。

Version 2.20 2009年10月16日 更新到v2.1.0,增加了一个brFlag参数用于控制标题换行显示。感谢来自捷克的Macek。

History:

Version 1.00 (1-SEP-2009) The first release version

Version 1.10 (7-SEP-2009) Amendments in the IE browser to change the background color of the bug is invalid (add code: line: 68,69)

Version 1.20 (14-SEP-2009) Hide the “img” tag’s alt and title attributes if  ”a” tag includes an image.(code line: 21,46-53,84-87)

Version 2.00 (19-SEP-2009) Update to v2.0.0,Now niceTitle can works for all HTML tags. Thanks Macek for his advice.

Version 2.10 (29-SEP-2009) Add a parameter “showLink” to show or hide tag a’s href and tag img’s src. Fixed the bug, now niceTitle never marks scroll bar appears.Thanks Macek!

Version 2.20 (16-Oct-2009) Add a parameter “brFlag” to make title content multi-line display. Thanks Macek.

最近由于一个项目客户要求鼠标经过链接的时候显示一个美观一些的提示信息,因此就花了点时间写了这个小插件。效果如下:

niceTitle

虽然之前也写过几个插件,但都还没正式的去整理出来,这次是我第一次发布自己的插件,同时也将这个插件发布到jQuery官方网站上了,有兴趣的童鞋可以点击这里jQuery niceTitle plugin进行访问。

插件功能:

这个小插件只要是用来替换<a>标签title属性的默认显示效果,可以看这里的实际效果Demo

插件的使用也很简单:

<script type="text/javascript">
    $(document).ready(function(){
	    $("a, input, img, div, span").niceTitle();//要排除一些例外的元素,例如可以用a:not([class='nono'])来排除calss为"nono"的a元素
    });
</script>

该插件在IE6、IE7、Chrome、Firefox3下测试通过,如果各位童鞋发现什么bug,请给我留言以便使插件更完善,谢谢~~~