一个小巧的文章关键词jquery TIPS插件

14 篇文章 0 订阅
11 篇文章 0 订阅
今天看到一个简单化的老外搞的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的设置和其他一系列的设置
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值