转载

sparkle.jquery.js-基于SVG的jQuery星星闪耀特效插件

简要教程

sparkle.jquery.js是一款可以制作炫酷的星星闪耀效果的 jQuery插件。该插件基于 SVG 来制作星星闪耀效果，你可以控制星星的颜色，边框色，大小，延迟时间等属性。

查看演示下载插件

使用方法

使用该星星闪耀插件需要在页面中引入sparkle.css，jQuery和sparkle.jquery.js文件。

HTML结构

可以直接使用一个

元素来包裹要制作星星闪耀效果的文本。

jQuery之家

CSS样式

文本要足够大才会有较好的效果，另外背景色要使用较深的颜色。

body {   background-color: #1d1f20;   margin: 0;   padding: 20px; }   #main {   color: #666;   display: inline-block;   font-size: 200%;   font-weight: bold; }

初始化插件

在页面DOM元素加载完毕之后，可以通过sparkle()方法来初始化该星星闪耀特效插件。

$("#main").sparkle();

你也可以在同一个元素上添加多个星星闪耀效果。

$("#main").sparkle({   size: 30 }).sparkle({   size: 30 }).sparkle({   delay: 1000,   size: 10,   pause: 750 });

如果要销毁这个星星闪耀特效，可以使用下面的语句：

$("#main").sparkle("destroy");

配置参数

sparkle.jquery.js-基于SVG的jQuery星星闪耀特效插件

来源：http://www.htmleaf.com/html5/SVG/201602283157.html

原文 http://www.html5cn.org/article-9370-1.html

正文到此结束

所属分类：编程技术

本文标签： src UI 参数 jquery 插件配置 DOM 景色 HTML 时间 js HTML5 下载 CSS http
版权声明： 本文为互联网转载文章，出处已在文章中说明(部分除外)。如果侵权，请联系本站长删除，谢谢。
本文海报： 生成海报一生成海报二

其他链接

关于本站

本站定位：个人技术类博客

本站作用：写博客、记日志、闲聊扯淡鼓捣技术。

问题交流

sparkle.jquery.js-基于SVG的jQuery星星闪耀特效插件

热门推荐

相关文章

说给你听

本文目录

随机标签

书籍教程

近期评论

网站信息

其他链接

关于本站

问题交流