`
天梯梦
  • 浏览: 13731478 次
  • 性别: Icon_minigender_2
  • 来自: 洛杉矶
社区版块
存档分类
最新评论

【jQuery插件】Twitter Search

阅读更多

前几天网上看到一个Twitter Search的jQuery插件。

比如我们要列出Twitter上的关于“jQuery”的条目我们可以使用:

$(‘#id’).twitterSearch(‘jQuery’);

当然你还可以设置一些参数,比如:

 

$('#twitter-jQuery').twitterSearch({
	term:'jQuery',
	title:'jQuery Chatter',
	titleLink:'http://www.jquery.com',
	birdLink:'http://twitter.com/jquery',
	css:{
		img: {width: '30px', height: '30px' }
	}
});
 

还可以设置设置一些动画等效果:

 

$('#twitter3').twitterSearch({
	term:   'Butler basketball',
	// no fade
	animOut: { opacity: 1 },
	avatar:  false,
	anchors: false,
	bird:    false,
	colorExterior: '#ddd',
	colorInterior: 'white',
	pause:   true,
	time:    false,
	timeout: 2000
});
 

demo:

http://juitter.com/

http://jquery.malsup.com/twitter/

 

 

 

 

分享到:
评论

相关推荐

    jquery插件集合03(包含13个)

    这是Twitter Bootstrap的一个旧版本,是一个流行的前端开发框架,包含响应式布局、组件和jQuery插件,能够快速搭建美观且功能强大的网页。 9. **Metrostyle Web UI**: 类似于olton-Metro-UI-CSS,这可能是一个...

    bootstrap-select下位列表插件

    2. **初始化插件**:在文档加载完成后,使用jQuery选择器找到需要增强的`<select>`元素,并调用`.selectpicker()`方法进行初始化。 ```javascript $(document).ready(function () { $('select').selectpicker(); ...

    jQuery仿百度搜索下拉框自动补全插件特效代码

    **jQuery仿百度搜索下拉框自动补全插件特效代码详解** 在网页开发中,用户交互体验至关重要,其中搜索...在实际应用中,你还可以根据需要调整插件参数,优化性能,或者与其他jQuery插件结合,实现更丰富的交互效果。

    Metronic v1.5.4

    Metronic 拥有简洁优雅的 Metro UI 风格界面,6 种颜色可选,115个模板页面,65个JQuery插件,包括图表、表格、地图、消息中心、监控面板等后台管理项目所需的各种组件,完美兼容IE8等各种浏览器。手机,平板,电脑...

    BootStrap 3完整文件包

    - **组件兼容性**: 确保你的浏览器支持Bootstrap的CSS3和JavaScript特性,尤其是对于老版本的IE浏览器,可能需要额外的polyfill或jQuery插件来保证兼容性。 - **自定义**: 你可以通过修改LESS文件或使用在线编译器...

    bootstrap_laerning

    1. Fuel UX:这是一款轻量级的插件,提供了ComboBox、Datagrid、Pillbox、Search和Spinner等组件,增强了Bootstrap的基础功能。 2. BootMetro:它将Bootstrap转化为Microsoft Metro UI的风格,适合创建具有Windows ...

    用js创建form表单并提交.docx

    7. **jQuery插件**:`bootstrap-table`和`bootstrap-datetimepicker`是基于jQuery的插件,它们扩展了Bootstrap的功能,提供了表格操作和日期时间选择器。 8. **数据绑定**:`...

    bootstrap-table-master.zip

    <script src="jquery.min.js"> <script src="bootstrap.min.js"></script> <script src="bootstrap-table.min.js"></script> <th data-field="id">ID <th data-field="name">Name <th data-field="price">...

    俩个select标签的不同内容选择,select的多选

    为了让多选更加友好,我们可以使用Bootstrap的`form-control`类来改善样式,并添加`data-live-search`和`selectpicker`类以启用Bootstrap Select插件,这个插件提供了搜索和多选功能。这需要在HTML文件中引入...

    bootstrap-select

    这个插件是基于Twitter Bootstrap框架构建的,因此它能够无缝地融入Bootstrap设计体系,提供一致的界面风格。 Bootstrap Select 提供了许多有用的功能和特性: 1. **多选支持**:用户可以选择多个选项,这在需要...

    Bootstrap-selectpicker多选框的简单实例

    Bootstrap是一个流行的前端开发框架,由Twitter开发,用于构建响应式布局和移动设备优先的Web应用程序。Bootstrap-selectpicker是Bootstrap框架的一个扩展插件,它为原生的HTML选择器提供了更美观、可定制化的选择器...

    bower 强大的管理web包管理工具

    搜索可用的包或插件,可以使用`bower search`命令,如`bower search jquery`。要卸载不再需要的包,可以使用`bower uninstall`,但需要注意的是,如果该包被其他依赖所依赖,Bower将不允许你直接删除。 要更新包至...

    NewsBlur:NewsBlur是个人新闻阅读器,它使人们聚在一起谈论世界。 旧乐器的新声音

    新闻模糊NewsBlur是一个个人新闻阅读器,它使人们聚在一起谈论世界。 旧乐器的新声音。 。 由创建。 Twitter: 和 。... 杂项jQuery插件:从可调整大小的布局到进度条,可排序项,日期处理,颜色,角落

    基于javaweb 的bootstrap table使用案例源码下载

    首先,Bootstrap Table是Twitter Bootstrap库中的一个组件,它提供了丰富的选项和插件,可以轻松创建响应式的、具有排序、搜索、分页等功能的表格。在HTML中,我们通常会定义一个基础的表格结构,并添加特定的...

    ZendFramework-1.12.9 手册 (HTML版)

    4. **与其他技术集成**:例如,与 jQuery、AngularJS 等前端框架的结合,以及与 Doctrine、Elasticsearch 等第三方库的集成。 **六、持续学习与社区支持** Zend Framework 社区活跃,开发者可以从中获取到最新的...

    Bootstrap 环境安装

    Bootstrap 是一个广泛使用的前端开发框架,它为开发者提供了丰富的组件、样式和JavaScript插件,用于快速构建响应式和移动优先的网页。安装Bootstrap是开始使用这个框架的第一步,本篇文章将详细阐述如何安装...

    java开源包1

    JCaptcha4Struts2 是一个 Struts2的插件,用来增加验证码的支持,使用时只需要用一个 JSP 标签 (<jcaptcha:image label="Type the text "/> ) 即可,直接在 struts.xml 中进行配置,使用强大的 JCaptcha来生成验证码...

    JAVA上百实例源码以及开源项目源代码

    Java编写的网页版魔方游戏 内容索引:JAVA源码,游戏娱乐,魔方,网页游戏 Java编写的网页版魔方游戏,编译后生成.class文件,然后用HTML去调用,不过运行时候需要你的浏览器安装有运行Class的插件。Java源代码实现部分...

    java开源包11

    JCaptcha4Struts2 是一个 Struts2的插件,用来增加验证码的支持,使用时只需要用一个 JSP 标签 (<jcaptcha:image label="Type the text "/> ) 即可,直接在 struts.xml 中进行配置,使用强大的 JCaptcha来生成验证码...

Global site tag (gtag.js) - Google Analytics