一个小巧的文章关键词jquery TIPS插件
来源:互联网 发布:sqlserver 注释 编辑:程序博客网 时间:2024/06/12 01:03
今天看到一个简单化的老外搞的jquery TIPS插件。所谓的tips插件,就是在文章中的某些关键字词,当用户鼠标点到它们上面时,自动弹出窗口来个详细说明。
这个插件这里下载,叫tweets tooltip,下载地址是
http://jquery.malsup.com/twitter/
使用方法简单,比如下面的这个是关键字:
<span class="twitter_search">Some search term</span>
然后引入该插件js后,这样使用就可以了:
$(function() {
$('#article').find('.twitter_search').twitterpopup();
});
其中,#article是父容器的id,至于弹出窗口的内容,该插件是通过JSON回调的
形式实现的,具体代码到:http://tympanus.net/Development/LatestTweetsTooltip/LatestTweetsTooltip.zip
下载,
其中关键的部分,在这里,留意下载代码中的jquery.twiter.search.js中的
$.fn.twitterSearch.defaults = {
url: 'http://search.twitter.com/search.json?callback=?&q=',
anchors: true,// true or false (enable embedded links in tweets)
animOutSpeed: 500,// speed of animation for top tweet when removed
animInSpeed: 500,// speed of scroll animation for moving tweets up
animOut: { opacity: 0 },// animation of top tweet when it is removed
applyStyles: true,// true or false (apply default css styling or not)
这里是要打开的URL的设置和其他一系列的设置
这个插件这里下载,叫tweets tooltip,下载地址是
http://jquery.malsup.com/twitter/
使用方法简单,比如下面的这个是关键字:
<span class="twitter_search">Some search term</span>
然后引入该插件js后,这样使用就可以了:
$(function() {
$('#article').find('.twitter_search').twitterpopup();
});
其中,#article是父容器的id,至于弹出窗口的内容,该插件是通过JSON回调的
形式实现的,具体代码到:http://tympanus.net/Development/LatestTweetsTooltip/LatestTweetsTooltip.zip
下载,
其中关键的部分,在这里,留意下载代码中的jquery.twiter.search.js中的
$.fn.twitterSearch.defaults = {
url: 'http://search.twitter.com/search.json?callback=?&q=',
anchors: true,// true or false (enable embedded links in tweets)
animOutSpeed: 500,// speed of animation for top tweet when removed
animInSpeed: 500,// speed of scroll animation for moving tweets up
animOut: { opacity: 0 },// animation of top tweet when it is removed
applyStyles: true,// true or false (apply default css styling or not)
这里是要打开的URL的设置和其他一系列的设置
- 一个小巧的文章关键词jquery TIPS插件
- 小巧的jquery轮播图插件
- 一款小巧的jquery消息提示插件
- 发现一个特别小巧的jquery插件可以在选择的时候显示小图
- 小巧、快速的日期输入插件:jQuery Date Input
- 适合移动设备的小巧jQuery颜色拾取器插件
- jquery layer弹窗弹层插件 小巧强大
- jquery layer弹窗弹层插件 小巧强大
- jquery layer弹窗弹层插件 小巧强大
- jquery Tips插件
- jquery tips提示插件
- 一个小巧的Python Shell
- 一个小巧的MySQL Shell
- 一个小巧的PDF阅读器
- jQuery FlexSlider插件一些使用上的小tips
- JQuery的一个Highlight插件
- jquery的一个消息插件
- 发现一个小巧的建模工具Jude
- (转)浅谈数据库系统中的cache
- Linux内核线程列表
- 介绍一个Android的自动化测试软件
- php中数组操作中两个很有用的函数
- jquery-lightbox应用
- 一个小巧的文章关键词jquery TIPS插件
- CodeIgniter中设计一个全局exception hook
- android字体小结
- mysql中的SQL_CACHE
- (转)mysql isam的插入效率比innodb的要高
- extjs中的事件注册和调用顺序
- kmeans demo
- mysql 5.0中的profile功能
- simple kmeans.m