首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jQuery入门范例:使用jQuery编写简单的类tooltip的小插件

2012-11-14 
jQuery入门实例:使用jQuery编写简单的类tooltip的小插件相信很多用过或者见过jQuery的tooltip的插件,因为

jQuery入门实例:使用jQuery编写简单的类tooltip的小插件
   相信很多用过或者见过jQuery的tooltip的插件,因为它真的实用。这个例子只是学习并练手的程序,我们模拟tooltip搞一个类似的。
1,我们需要引入jQuery。
2,我们这个程序是直接把tip里的数据载入,没有再请求其他资源之类的,要弄成请求的也很简单,自己写个jQuery的ajax请求就可以了。
3,我们设计参考tooltip,我们希望当鼠标经过某个元素的时候,触发tip,而这个tip的内容就是那个元素接下来的那个元素(我们可以用一个div吧所有内容包括进去)。
4,基本的内容就是上面所说,HTML代码如下:



虽然jQuery插件使用起来也非常的简单,但是自己写的就是会让人很有成就感,上面我在ie测试没有通过。。。oye~火狐,chrome正常。
附件中是压缩后的jQuery文件和源文件.

顶一个

热点排行