jQuery 和 CSS 的文本特效插件集锦

Jumble Text Effect Plugins

　　Demo||Download

　Vticker – Vertical News Ticker With JQuery Plugin

　　Demo||Download

　JQuery TE – Text Editor With JQuery Plugin

　　Demo||Download

　Squishy – JQuery Plugin For Fitting Text Exactly To Its Container

　　Demo||Download

　Bootstrap MaxLength

　　Demo||Download

　Bacon – JQuery Plugin That Allows You To Wrap Text Around

　　Demo||Download

　JQuery Litelighter – Light Weight Syntax Highlighting For JQuery

　　Demo||Download

　JQuery Text Highlighter and Filter Plugin

　　Demo||Download

　JQuery Marquee Plugin

　　Demo||Download

　Scrolling Text And Animations With JQuery

　　Demo||Download

　Scrollorama – JQuery Plugin For Cool Scroll Animation

　　Demo||Download

　Billboard : A Simple JQuery Plugin That Rotates Text

　　Demo||Download

　Ellipsis – Jquery Ellipsis Plugin

　　Demo||Download

　FresherEditor – JQuery Rich Html Text Editor

　　Demo||Download

　Demo Wiki Text: Client-Side Scripting

　　Demo||Download

　Fancy Input – JQuery Plugin For Typing In Input With Amazing CSS3 Effects

　　Demo||Download

　JQuery WebTicker Plugin

　　Demo||Download

　JQuery Text Animation Plugin

　　Demo||Download

　Textillate.Js A Simple Plugin For CSS3 Text Animations

　　Demo||Download

　Sinetheta-JQuery-Burn

　　Demo||Download

以上20种都是小编精挑细选的基于jQuery和CSS的文字特效插件，很多都是在小编项目中使用过的，大家可以放心使用。

赞 (0)

相关推荐

  • jQuery帮助之CSS尺寸(五)outerHeight、outerWidth

    以便更好控制元素来满足我们的要求,那么我们可以通过outerHeight(options)和outerWidth(options)来获取到这部分的高度和宽度. outerHeight(options) 获取第一个匹配元素外部高度(默认包括补白和边框). 此方法对可见和隐藏元素均有效. 返回值:Integer 参数: options(Boolean) : (false) 设置为 true 时,计算边距在内. 示例: 获取第一段落外部高度. HTML 代码: <p>Hello</p>&

  • jQuery实现瀑布流布局

    HTML 复制代码 代码如下: <div id="main">          <div class="box">              <div class="pic">                  <img src="images/0.jpg" alt="">              </div>          </di

  • jQuery中的height innerHeight outerHeight区别示例介绍

    标准浏览器下: height:高度 innerHeight:高度+补白 outerHeight:高度+补白+边框,参数为true时:高度+补白+边框+边距 html代码: 复制代码 代码如下: <div class="width: 150px;height:20px;float: left;border: 2px solid red;margin: 10px;margin: 10px;padding: 10px;" id="test">jjjjj<

  • jQuery对于显示和隐藏等常用状态的判断方法

    本文实例讲述了jQuery对于显示和隐藏等常用状态的判断方法.分享给大家供大家参考.具体方法如下: 显示:show()  display:block; 隐藏:hide()   display:none; 当显示和隐藏切换的时候,需要判断此刻是显示还是隐藏,那判断条件常用以下几种方法: 1. 复制代码 代码如下: if(thisNode.is(':hidden')){......}else{.......} 2.首先给thisNode的Dom元素加class标识,例如改标识为class="show

  • Jquery 的outerHeight方法使用介绍

    获取第一个匹配元素外部高度(默认包括补白和边框). 此方法对可见和隐藏元素均有效. outerHeight(options) optionsBoolean默认值:'false' 设置为 true 时,计算边距在内. 描述: 获取第一段落外部高度. HTML 代码: 复制代码 代码如下: <p>Hello</p><p>2nd Paragraph</p> jQuery 代码: 复制代码 代码如下: var p = $("p:first");

  • 深入分析jquery解析json数据

    我们先以解析上例中的comments对象的JSON数据为例,然后再小结jQuery中解析JSON数据的方法. JSON数据如下,是一个嵌套JSON: 复制代码 代码如下: {"comments":[{"content":"很不错嘛","id":1,"nickname":"纳尼"},{"content":"哟西哟西","id":2

  • jQuery使用height()获取高度需要注意的地方

    本文实例分析了jQuery使用height()获取高度需要注意的地方.分享给大家供大家参考.具体分析如下: jQuery脚本如下: 复制代码 代码如下: var aNode = $('#demo'); var height = aNode.height(); //如果在获取height前,aNode已经是display:none 或者说 aNode是隐藏的,那么获取不到aNode的高度 console.log(height); HTML页面如下: 复制代码 代码如下: <div id="d

  • 使用jquery中height()方法获取各种高度大全

    复制代码 代码如下: alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin alert($(window

  • jQuery 位置函数offset,innerWidth,innerHeight,outerWidth,outerHeight,scrollTop,scrollLeft

    复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>jQuery的位置

  • jquery禁止回车触发表单提交

    复制代码 代码如下: <form class="form-inline definewidth m20" action="/" method="get">              <input type="text" name="title" id="title"class="abc" value="">         

  • 关于用Jquery的height()、width()计算动态插入的IMG标签的宽高的问题

    先来看现象: 复制代码 代码如下: <div id="cc"></div> <script> $(document).ready(function() { $("#cc").append("<div id='aa' style='width:200px;height:200px;' /></div>"); alert($("#aa").width()); }); &l

随机推荐