文本/链接

简单jQuery响应式文字插件

阿里云


jquery-flowtext 是一款简单实用的 jQuery 响应式文字插件。通过该响应式字体插件,你可以设置在大屏幕中显示较大尺寸的文字,而在小屏幕设备中相应的缩小文字的尺寸。

使用方法:

使用该响应式文字插件需要在页面中引入 jquery 和 jquery.flowtext.js 文件。

也想出现在这里?联系我们
创客主机
  1. <script src="path/to/jquery.js"></script> 
  2. <script src="path/to/jquery.flowtext.js"></script>

HMTL 结构:

为文本

元素添加 class 类 flowtext 即可。

  1. <p class="flowtext">
  2.   //响应式文本......
  3. </p>

初始化插件:

在页面 DOM 元素加载完毕之后,可以通过 flowtext()方法来初始化该响应式文本插件。

  1. // 使用默认配置
  2. $('.flowtext-element').flowtext();
  3.  
  4. // 自定义参数
  5. $('.flowtext-element').flowtext({
  6.     // 参数
  7. });

配置参数:

minFontSize:类型:Integer,默认值:16。最小的 flowtext 字体大小

maxFontSize:类型:Integer,默认值:20。最大的 flowtext 字体大小

minScreenWidth:类型:Integer,默认值:320。最小的屏幕(viewport)尺寸

maxScreenWidth:类型:Integer,默认值:1024。最大的屏幕(viewport)尺寸

jquery-flowtext 响应式文字插件的 github 地址为:https://github.com/libeo-vtt/jquery-flowtext

简单 jQuery 响应式文字插件

已有 363 人购买
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!