jQuery只是实现了标题提示符效果的一个示例。

本文演示了jQuery实现标题提示符效果的方法:


*
举例子:
$(文档)Ready(函数(){)
$('。QuickTip)。QuberTip({
速度:200
});
});
桌面出版
* /
jquery.fn.qubertip =功能(选项){
var默认值= {
速度:500,
XOffset:10,
YOffset:10
};
var选项=扩展(默认值,选项);
返回this.each(函数(){()
这是jQuery(这个);
如果($ this.attr(标题)!=未定义的){
将该标题传递给变量,然后从DOM中删除它
如果($ this.attr(标题)!=){
无功tiptitle =($ this.attr(标题));
{人}
无功tiptitle = 'qubertip;
}
删除标题属性
this.removeattr美元(标题);
$(this)Hover(函数(e){)
/ / $(this)。Css('cursor ','pointer);
$(体)。追加(+ tiptitle + );
$(#提示)。Css({位置:绝对)
Z:9999
背景:# d3ddf5
背景图像:URL(。 / / / quber_common .. quber_image / quber_tb_titltbg。PNG)
填充:5px
不透明:0.9
边境:1px solid # a3c0e8
-moz边界半径:3px
border-radius:3px
WebKit的边界半径3px
字体权重:
字体大小:12px
:否
});
$(#提示)
CSS()
CSS(左
。渐明(选项。速度);
}函数(){()
从DOM中删除工具提示
$(#提示)删除();
});
$(这)。Mousemove(function(e){
$(#提示)
CSS()
CSS(左
});
}
});
};




更多关于jQuery相关内容的感兴趣的读者可以查看主题:jQuery常用插件和jQuery表单

希望本文能对jQuery程序设计有所帮助。