web299.com
全部
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
首页
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
当前位置：
首页
>
网页特效
>
动画效果
jQuery边框线条动画插件
分类：
动画效果
日期：
2024-05-14
点击(0)
评论(0)
演 示
免费下载
简介
在页面中引入下面的文件。 ```html <link rel="stylesheet" type="text/css" href="path/to/nicebord.css"> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> <script type="text/javascript" src="path/to/nicebord.js"></script> ``` ##### HTML结构 ```html <a href="#" id="first">Nicebord</a> ``` ##### 初始化插件 ```html $(document).ready(function(){ $('#first').nicebord(); }); ``` ##### 配置参数 | 名称 | 类型 | 默认值 | 说明 | | ------------ | ------------ | ------------ | ------------ | |color|String|'000000'|边框的颜色| |orientation|String|'ckw'|边框动画的方向：ckw时顺时针，ackw时逆时针| |size|Number|1|边框的宽度| |pos|String|'top,right,bottom,left'|要使那一条边进行动画| |speed|Number|500|边框动画的时间| |direction|Boolean|false|边框动画是在元素内部还是外部| |fix|Boolean|false|该参数通常用于在设置图片边框时，设置固定的边框尺寸| |center|Boolean|false|是否从元素的中心开始动画|
相关推荐
html5浪漫粒子表白文字特效
SlidesJS幻灯片特效
html5瀑布流相册特效
css3 svg实现的情人节表白鲜花动画特效
t-scroll.js基于ES6的DOM元素,过渡动画库插件
纯js写省市区三级联动效果
广告
广告
