推荐20款基于 jQuery CSS 的文本效果插件

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

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

您可能感兴趣的相关文章
  • 12款经典的白富美型 jQuery 图片轮播插件
  • 让网站动起来!12款优秀的 jQuery 动画插件
  • 精心挑选的美轮美奂的 jQuery 图片特效插件
  • 精心挑选的优秀jQuery Ajax分页插件和教程
  • 精心挑选的优秀 jQuery 文本特效插件和教程

 

Textillate.Js A Simple Plugin For CSS3 Text Animations

在线演示   源码下载

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

 

Jumble Text Effect Plugins

在线演示   源码下载

Jumble-jQuery-Plugin-for-Jumble-Up-the-Colours-of-Texts

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

 

Sinetheta-JQuery-Burn

在线演示   源码下载

sinetheta-jQuery-Burn

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

 

Vticker – Vertical News Ticker With JQuery Plugin

在线演示   源码下载

vticker-Vertical-News-Ticker-With-jQuery-Plugin

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

 

Squishy – JQuery Plugin For Fitting Text Exactly To Its Container

在线演示   源码下载

squishy-jQuery-plugin-for-fitting-text-exactly-to-its-container

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

 

Bootstrap MaxLength

在线演示   源码下载

Bootstrap-MaxLength-jQuery-and-Bootstrap-plugin-for-character-count-on-inputs

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

 

Bacon – JQuery Plugin That Allows You To Wrap Text Around

在线演示   源码下载

bacon-jQuery-plugin-that-allows-you-to-wrap-text-around

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

 

JQuery Litelighter – Light Weight Syntax Highlighting For JQuery

在线演示   源码下载

jQuery-Litelighter-Light-Weight-Syntax-Highlighting-for-jQuery

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

 

JQuery Text Highlighter and Filter Plugin

在线演示   源码下载

jQuery-text-highlighter-and-filter-Plugin

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

 

JQuery Marquee Plugin

在线演示   源码下载

jQuery-Marquee

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

 

Scrolling Text And Animations With JQuery

在线演示   源码下载

scrolling-text-and-animations-with-jQuery

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

 

Scrollorama – JQuery Plugin For Cool Scroll Animation

在线演示   源码下载

Scrollorama-jQuery-plugin-for-cool-scroll-animation

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

 

Billboard : A Simple JQuery Plugin That Rotates Text

在线演示   源码下载

Billboard-A-simple-jQuery-plugin-that-rotates-text

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

 

Ellipsis – Jquery Ellipsis Plugin

在线演示   源码下载

Ellipsis-jquery-ellipsis-plugin

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

 

 

FresherEditor – JQuery Rich Html Text Editor

在线演示   源码下载

fresherEditor-jQuery-Rich-html-Text-Editor

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

 

Demo Wiki Text: Client-Side Scripting

在线演示   源码下载

Demo-wiki-text-Client-side-scripting

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

 

Fancy Input – JQuery Plugin For Typing In Input

在线演示   源码下载

Fancy-Input-jQuery-Plugin-for-Typing-In-Input-with-Amazing-CSS3-Effects

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

 

JQuery TE – Text Editor With JQuery Plugin

在线演示   源码下载

jQuery-TE-Text-Editor-with-jQuery-plugin

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

 

JQuery WebTicker Plugin

在线演示   源码下载

jQuery-WebTicker-Plugin

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

 

JQuery Text Animation Plugin

在线演示   源码下载

jQuery-Text-Animation-Plugin

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

 

您可能感兴趣的相关文章
  • 创意无限!一组网页边栏过渡动画【附源码下载】
  • 真是好东西!13种非常动感的页面加载动画效果
  • 你见过吗?9款超炫的复选框(Checkbox)效果
  • 超赞!基于 Bootstrap 的响应式的后台管理模板
  • 太赞了!超炫的页面切换动画效果【附源码下载】

 

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

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

转载于:https://www.cnblogs.com/lhb25/p/20-jquery-and-css-text-effect-plugins.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/420851.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

王灏:光音网络致力打造Wi-Fi大生态圈

光音网络,做的是本地网络综合服务。在中国,想把互联网做到覆盖延伸范围之外的最后100米,光音网络是当中一家,也是最坚持的一家。为千万家本地生活商户提供帮助,为数亿本地用户提供最佳的本地网络体验,这是光…

Replication--查看未分发命令和预估所需时间

当复制有延迟时,我们可以使用复制监视器来查看各订阅的未分发命令书和预估所需时间,如下图: 但是当分发和订阅数比较多的时候,依次查看比较费时,我们可以使用sys.sp_replmonitorsubscriptionpendingcmds来查看&#xf…

利用反射和xml配置文件手写一个小型的框架

通用的增删改查1. 利用xml配置实体类和数据库表名的映射关系2. 根据xml设计,用正确的数据结构映射类封装好xml信息3. 得到数据库连接前,读取xml信息,用map封装成映射数据4. 写dao时根据反射和map生成sql语句,拿到属性值测试为了解…

DPtoLP/LPtoDP 和 ScreenToClient/ClientToScreen

设备坐标(Device Coordinate)又称为物理坐标(Physical Coordinate),是指输出设备上的坐标。通常将屏幕上的设备坐标称为屏幕坐标。设备坐标用对象距离窗口左上角的水平距离和垂直距离来指定对象的位置,是以…

前端学习(1127):递归求数学题2

斐波那契数列 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</title> </head>…

1008 数组元素循环右移问题 (20分)

输入样例: 6 2 1 2 3 4 5 6 输出样例: 5 6 1 2 3 4 # -*- coding: utf-8 -*- import mathdef right_shift(lst, m):n len(lst)m m % nfor j in range(math.gcd(m, n)):temp lst[j]i jwhile (i - m) % n > j:lst[i] lst[(i - m) % n]i (i - m) % nlst[i] tempretur…

MVC分层开发模式

MVC 1. 什么是mvc开发模式2. 基于servlet手写mvc框架1. 什么是mvc开发模式 mvc不是一种技术&#xff0c;只是一种开发模式使用分层开发模式能在大型项目中&#xff0c;让开发人员更好的协同工作便于项目的维护和扩展 M: Model 模型层->数据库层->daoV: View 视图层->…

C#_uploadify_mvc_version

jQuery Uploadify在ASP.NET MVC3中的使用 1、Uploadify简介 Uploadify是基于jQuery的一种上传插件&#xff0c;支持多文件、带进度条显示上传&#xff0c;在项目开发中常被使用。 Uploadify官方网址&#xff1a;http://www.uploadify.com/ 2、ASP.NET MVC3中的使用Uploadify 搭…

1010 一元多项式求导 (25分)

输入样例: 3 4 -5 2 6 1 -2 0 输出样例: 12 3 -10 1 6 0 # -*- coding: utf-8 -*-def get_derivation(lst):length len(lst)idx 0while idx < length:if lst[idx 1] ! 0:lst[idx] * lst[idx 1]lst[idx 1] - 1else:lst[idx] 0idx 2return lstif __name__ __main__…

VS2012 发布网站步骤

VS2012中发布网站的方式与以往有了不同&#xff0c;前面的版本发布如图 而2012点publish的时候弹出框有所不同&#xff0c;这边需要新建一个profile名字随便起&#xff0c;发布的方式有好几种&#xff0c; 当然不同的方式配置不同&#xff0c;用的最多的就是files system了 选择…

python 生成个性二维码

1. 效果 gif 图片二维码 带背景图二维码&#xff08;修改了&#xff09; 2. 依赖库 核心库myqr pip install myqr其它依赖库安装pip install pip install pillow, numpy, imageio3. 核心代码 我这里是F盘下的joy文件夹下面代码改变路径&#xff0c;图片名称参数即可 im…

1011 A+B 和 C (15分)

输入样例&#xff1a; 4 1 2 3 2 3 4 2147483647 0 2147483646 0 -2147483648 -2147483647 输出样例&#xff1a; Case #1: false Case #2: true Case #3: true Case #4: false # -*- coding: utf-8 -*-if __name__ __main__:n eval(input())input_list []for i in range…

SharePoint 2013:解决添加域名后每次都需要登录的问题

在SharePoint 2013中&#xff0c;当我们添加一个域名给SP后&#xff08;添加域名的方法请参考此文&#xff1a;http://www.cnblogs.com/jianyus/archive/2013/08/10/3249461.html &#xff09;&#xff0c;每次用域名访问都需要输入用户名和密码&#xff0c;即使该用户已经正确…

1012 数字分类 (20分)

输入样例 1&#xff1a; 13 1 2 3 4 5 6 7 8 9 10 20 16 18 输出样例 1&#xff1a; 30 11 2 9.7 9 输入样例 2&#xff1a; 8 1 2 4 5 6 7 9 16 输出样例 2&#xff1a; N 11 2 N 9 # -*- coding: utf-8 -*-def class_numbers(nums):arr [0] * 5exists [0] * 5flag1 1…

mvc框架upgrade

upgrade...1. actionservlet核心控制器更改以上1&#xff0c;2点2. 工具类&#xff08;对反射拿到的属性对象数据转型&#xff09;3. 业务服务类使用适配器设计模式针对上一篇文字做出了改造&#xff0c;既然要写手写lowb版mvc框架&#xff0c;就得付出一定代价&#xff0c;加大…

1013 数素数 (20分)

输入样例&#xff1a; 5 27 输出样例&#xff1a; 11 13 17 19 23 29 31 37 41 43 47 53 59 61 67 71 73 79 83 89 97 101 103 # -*- encoding: utf-8 -*- import mathdef get_primes(n):prime_list [1] * (n 1)for i in range(2, int(math.sqrt(n)) 1):if prime_list[i]…

1014 福尔摩斯的约会 (20分)

输入样例&#xff1a; 3485djDkxh4hhGE 2984akDfkkkkggEdsb s&hgsfdk d&Hyscvnm 输出样例&#xff1a; THU 14:04 # -*- coding: utf-8 -*- import stringweek {A: MON,B: TUE,C: WED,D: THU,E: FRI,F: SAT,G: SUN}hour {0:00, 1:01, 2:02, 3:03, 4:04, 5:05, 6:0…