jQuery 和 CSS 可以说是设计和开发行业的一次革命。这一切如此简单,快捷的一站式服务。jQuery 允许你在你的网页中添加一些真正令人惊叹的东西而不用付出很大的努力,要感谢那些优秀的 jQuery 插件。

   所以今天我们将展示一些很酷的文本效果插件,将帮助你为你的 Web 页面创建一些很酷的和动态的东西。这里是20个基于 jQuery & CSS 的文本效果插件。

您可能感兴趣的相关文章

Textillate.Js A Simple Plugin For CSS3 Text Animations

在线演示   源码下载

这个插件集成了一些非常好的 JavaScript 库,提供一个方便使用的文本动画插件,可以让你为网页中的文字运用各种动画。

Jumble Text Effect Plugins

在线演示   源码下载

这是一个非常好的插件,允许您混杂文本的颜色和动画。这种效果很酷,可以为生活增添任何设计。

Sinetheta-JQuery-Burn

在线演示   源码下载

它允许你给文件增加一个火焰般的效果。利用各种不同的文字阴影,通过反复改变他们的水平偏移动画。

Vticker – Vertical News Ticker With JQuery Plugin

在线演示   源码下载

这个插件允许在您的添加一个垂直的内容滚动效果。特别适合作为展示最新的提示信息或突出某些特定内容。

Squishy – JQuery Plugin For Fitting Text Exactly To Its Container

在线演示   源码下载

这个插件可以确保文本会自动调整大小以适合容器。它给你的选项,设置大小和宽度,如最大的字体大小和最小字体大;最大宽度和最小宽度。

Bootstrap MaxLength

在线演示   源码下载

这是一款非常酷的 jQuery 实现的 Bootstrap 插件,允许输入用户字符数。它可以让你显示字符用户插入的最大长度。

Bacon – JQuery Plugin That Allows You To Wrap Text Around

在线演示   源码下载

这个简单的插件允许环绕着一个贝塞尔曲线的文字或线条,使您的文字看起来很凉爽,还为您提供排版控制!

JQuery Litelighter – Light Weight Syntax Highlighting For JQuery

在线演示   源码下载

这是一个很小的语法高亮插件,拥有两个主题,light & dark,并支持JS、HTML 以及 CSS 语言高亮。

JQuery Text Highlighter and Filter Plugin

在线演示   源码下载

正如其名称所暗示的,这个插件可以让突出的是输入的页面上的用户的文本。当用户键入的东西,在页面上的区域变得敏感,只有该字存在的区域显示出来!

JQuery Marquee Plugin

在线演示   源码下载

这一个是尺寸仅为1.3kb的轻量级的插件。它允许创建类似于传统的跑马灯效果的滚动文本。

Scrolling Text And Animations With JQuery

在线演示   源码下载

名字说明了一切!这个插件允许创建滚动文本和动画,其中有酷滚动文字,滚动新闻,或图像动画。

Scrollorama – JQuery Plugin For Cool Scroll Animation

在线演示   源码下载

这个插件允许创建一些很酷的滚动文字动画,并提供过渡,淡入效果,翱翔于效果,旋转效果和缩放。

Billboard : A Simple JQuery Plugin That Rotates Text

在线演示   源码下载

这是一个简单的插件,允许旋转和缩小文字上的间隔,或单击。将鼠标悬停在文本将暂停其旋转的效果。

Ellipsis – Jquery Ellipsis Plugin

在线演示   源码下载

这个插件允许缩短您的文字,如果它很长的话。原来的文本可以通过鼠标悬停在缩短中看到的一样。这是一个简单但非常有用的插件。

FresherEditor – JQuery Rich Html Text Editor

在线演示   源码下载

一款很酷的 HTML 编辑器,利用 Twitter Bootstrap 的样式并使用内置拾色器等,拥有文字对齐方式和字体大小和名称的选择,以及前景和背景选择支持。

Demo Wiki Text: Client-Side Scripting

在线演示   源码下载

这个插件允许方便快捷地标记在一个给定的 DOM 结构文本。通过扫描DOM ,包装你选择的文本在它自己的元素,然后做任何你想要的。

Fancy Input – JQuery Plugin For Typing In Input

在线演示   源码下载

正如其名称所暗示,这个插件使得在一个字段中键入文字变得花哨和有趣!它的工作原理是包裹着一个 DIV ,这样实际的输入字段实际上是隐藏的,跨越含有按下的字符被转换在一个不错的 CSS3 方式输入字段。

JQuery TE – Text Editor With JQuery Plugin

在线演示   源码下载

这款轻巧,方便的文本编辑器的大小只有16.6KB ,非常有用。兼容用所见即所得的模式,其接口可根据您的选择进行修改。

JQuery WebTicker Plugin

在线演示   源码下载

这个人是一个非常简单但非常有用的内容滚动插件,可以让你突出一些提示或某些信息。它提供了易于定制。它可以作为一个新闻公告栏。

JQuery Text Animation Plugin

在线演示   源码下载

这是一款很棒的插件,实现的功能就像它的名字所暗示的,创造一些很酷的自定义文字动画!

英文链接:20 jQuery and CSS Text Effect Plugins

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

推荐20款基于 jQuery & CSS 的文本效果插件的更多相关文章

  1. 基于jQuery图像碎片切换效果插件FragmentFly

    基于jQuery图像碎片切换效果插件FragmentFly.这是一款只需三步轻松完成碎片动画,参数可调,使用方便. 在线预览   源码下载 部分代码: <div class="all_ ...

  2. 推荐12款实用的 JavaScript 书页翻转效果插件

    Flipbooks(书页)或者页面翻转已成为在网页设计中最流行的交互动画之一.他们可以用在 Flash,网页或者在线杂志中.使用书页动画或者页面翻转的网页设计效果方便人们展示他们的产品,作品或者其它内 ...

  3. 一款基于jQuery/CSS3实现拼图效果的相册

    之前为大家介绍了 HTML5 3D立体图片相册, HTML5图片相册重力感应特效, 基于CSS3图片可倾斜摆放的动画相册 今天我们要来分享一款很酷的jQuery相册插件,首先相册中的图片会以一定的角度 ...

  4. 一款基于jQuery带事件记录的日历插件

    之前我们也已经分享过不少jQuery日历插件,有些应用了CSS3的特性,外观就特别漂亮.今天要分享的这款jQuery日历插件不仅有着绚丽的外观,而且带有日期事件记录功能,点击日期即可展开事件记录窗口, ...

  5. 一款基于jQuery Ajax的等待效果

    特别提示:本人博客部分有参考网络其他博客,但均是本人亲手编写过并验证通过.如发现博客有错误,请及时提出以免误导其他人,谢谢!欢迎转载,但记得标明文章出处:http://www.cnblogs.com/ ...

  6. 一款基于jquery的鼠标经过图片列表特效

    今天要给大家推荐一款基于jquery的鼠标经过图片列表特效.当鼠标经过列表图片的时候,图片放大,且有一个半透明的遮罩层随之移动.效果图如下: 在线预览   源码下载 实现的代码 html代码: < ...

  7. 基于jQuery标题有打字效果的焦点图

    给大家分享一款基于jQuery标题有打字效果的焦点图.之前为大家分享了好多jquery的焦点图.这款焦点图适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗 ...

  8. 基于jquery的json转table插件jsontotable

    分享一款基于jquery的json转table插件jsontotable.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="container ...

  9. 2014优秀的好用的20款免费jQuery插件推荐

    2013 年最好的 20 款免费 jQuery 插件,世界买家网 www.buyerinfo.biz在这里分享给大家 这些插件对设计者和开发者都有很大的帮助,希望大家能够喜欢:) 现 今互联网市场上提 ...

随机推荐

  1. Java解析网段下包含的所有IP地址

    import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;impor ...

  2. 蛙蛙推荐:快速自定义Boostrap样式

    现在越来越多的网站使用Bootstrap,相信大家也审美疲劳了,所以我们要用Bootstrap的第一步就是先把顶部的导航栏来自定义一下. 我现在使用的是bootstrap3.0,顶部导航定义如下 &l ...

  3. Apple II DOS 源代码发布

    加州山景城的计算机历史博物馆不仅仅展示硬件,还展示软件.博物馆此前已发布了著名软件MacPaint .Photoshop和APL的源代码,现在它公开了1978年的Apple II DOS源代码.源代码 ...

  4. [Xamarin] 從Xamarin中呼叫 *.jar 的 library -建立.jar篇 (转帖)

    嗯,這篇我們來聊聊如何從Xamarin 中來呼叫,已經包好的.jar ,首先因為要讓測試順利,我們開一個Android Java 的專案 當然是Eclipse ,然後我們簡簡單單寫一個測試用的libr ...

  5. 第三波假期干货——webstrom工具栏图标

    在WS中使用工具栏上的快捷图标来配合工作可以有效提高效率,因为你不用去记住一些快捷键,只要点一下鼠标即可.不过在WS中有很多实用功能却是没有自带个性图标的,导致自定义工具栏后可能就是好几个一模一样的绿 ...

  6. PostgreSQL基础整理(二)

    存储过程 实现功能:针对工资表30岁以下,工资提升10% 30至40提升20% 40以上提升30% + 奖金(入参)返回平均薪酬 创建表: DROP TABLE emps; CREATE TABLE ...

  7. 千万用户级别应用系统背后的SOA组件化容器

    背景 在<我们的应用系统是如何支撑千万级别用户的>随笔中已经从“宏观”角度去介绍了整个应用系统的布局.组件化是整个系统由头到尾都始终坚持的一个设计原则,其中“SOA组件化容器”也是我们应用 ...

  8. FusionCharts简单教程(四)-----基本数字格式

          在统计图例中什么是最基本,最重要的元素?那就是数据.一个数据的统计图像那就是一堆空白.但是数据存在多种形式,比如小数,比如千分位等等.又如若一个数据是12.000000001,对于数据要求 ...

  9. 【译】使用newInstance()来实例化fragment

    我最近读到StackOverflow上面关于Fragment实例化的一个问题,觉得挺有趣的. new MyFragment()和MyFragment.newInstance()之间的差别是什么?应该用 ...

  10. 为什么eclipse中启动tomcat后,浏览器中出现404?

    问题描述: tomcat压缩包加压后,启动lib文件夹下面的startup.bat,在浏览器中输入http://localhost:8080/后出现熟悉的界面. 但是在eclipse中,jsp可以正常 ...