文本阴影将边框应 文本字符 jQuery笔划

  • 源码大小:11.97KB
  • 所需积分:1积分
  • 源码编号:19JP-3329
  • 浏览次数:643次
  • 最后更新:2023年06月01日
  • 所属栏目:文本
我要下载
加入收藏
本站默认解压密码:19jp.com 或 19jp_com

简介

一个替代CSS文本笔划属性的jQuery。

Stroke是一个简单的jQuery文本装饰插件,使用CSS文本阴影属性可以更容易地将可配置的边框(笔划)应用于文本字符

如何使用它:

1.下载并将jquery.stroke.min.js脚本放在jquery之后。

  1. <script src="/path/to/cdn/jquery.slim.min.js"></script>
  2. <script src="/path/to/src/jquery.stroke.min.js"></script>

2.调用函数(打、击等的)一下在文本上,并指定笔划的宽度和颜色。

  1. <h1 class="thick">jQueryScript (5px)</h1>
  2. <h1 class="medium">jQueryScript (3px)</h1>
  3. <h1 class="light">jQueryScript (1px)</h1>
  1. jQuery(function ($) {
  2.  
  3. $('.thick').stroke({
  4. size: 5
  5. });
  6.  
  7. $('.medium').stroke({
  8. size: 3
  9. });
  10.  
  11. $('.light').stroke({
  12. size: 1,
  13. color: '#ff0000'
  14. });
  15. });

预览截图