FitText.js一款使文字填充式自适应的JQ插件

所属分类:其他-独立的部件,浏览器调整

 2567  18  查看评论 (0)
FitText.js一款使文字填充式自适应的JQ插件 ie兼容7

使用方法

需要引入的文件:

<script src="jquery.min.js"></script>
<script src="jquery.fittext.js"></script>
<script>
  jQuery("#responsive_headline").fitText();
</script>

fitText()里面可以填参数调整缩放的比例,默认是1;

jQuery("#responsive_headline").fitText(1.2); // 缩放浏览器文字文字调整的速度更快
jQuery("#responsive_headline").fitText(0.8); // 缩放浏览器文字文字调整的速度较慢设置字体的最大值&最小值
jQuery("#responsive_headline").fitText(1.2, { minFontSize: '20px', maxFontSize: '40px' });

常见问题:

Carousels, Scrollers, Accordions, Tabs这些需要隐藏或者不能调整宽度的效果,FitText.js在他们身上不能起效。

需要确认容器的宽度

display: inline 这个CSS属性是没有宽度的. 请使用display: block 或者display: inline-block+ 一个特定的宽度 (i.e. width: 100%).position:absolute 这个CSS属性也需要加一个特定宽度.

相关插件-独立的部件,浏览器调整

操作浏览器标题栏插件Title.js

Title.js是一个javascript库用来操作浏览器标题栏,没有依赖性。 这里有用法示例:添加前缀,加后缀,改变预定义的标题,招牌效果、打字机效果。
  独立的部件
 17802  56

jQuery分享插件jquery.share.js

jQuery分享插件jquery.share.js享到QQ、微信、微博、google、in、tweeter等
  独立的部件
 13508  193

二维码解析器

利用qrcode.js制作的二维码解析器,可以用该插件制作长按识别二维码功能!
  独立的部件
 5143  48

jQuery HTML导出Excel插件table2excel

jquerytable2excel是一款可以将HTML表格的内容导出到微软Excel电子表格中的jQuery插件。该插件可以根据你的需要导出表格中的内容,不需要的行可以不导出。它文件体积小,使用非常方便。
  独立的部件
 39360  170

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币

取消回复