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

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

简介

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

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

如何使用它:

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

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

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

<h1 class="thick">jQueryScript (5px)</h1>
<h1 class="medium">jQueryScript (3px)</h1>
<h1 class="light">jQueryScript (1px)</h1>
jQuery(function ($) {

  $('.thick').stroke({ 
    size: 5 
  });

  $('.medium').stroke({ 
    size: 3 
  });

  $('.light').stroke({ 
    size: 1,
    color: '#ff0000'
  });
  
});

预览截图