web299.com
全部
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
首页
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
当前位置：
首页
>
网页特效
>
鼠标效果
炫酷鼠标滑过超链接动画特效jQuery插件
分类：
鼠标效果
日期：
2024-05-14
点击(5)
评论(0)
演 示
免费下载
简介
使用该插件需要在页面中引入anchorHoverEffect.css，jquery和anchorHoverEffect.js文件。 ```html <link href="css/anchorHoverEffect.css" rel="stylesheet" type="text/css"> <script src="js/jquery.min.js"></script> <!-- 可选 --> <script src="js/anchorHoverEffect.min.js"></script> ``` ##### HTML结构 DEMO中使用无序列表来包裹一组超链接元素。 ```html <ul class="ulDefault"> <li><a href="#">jQuery</a></li> <li><a href="#">Angular Js</a></li> <li><a href="#">JavaScript</a></li> <li><a href="#">Asp.net MVC</a></li> </ul> ``` ##### 初始化插件 在页面DOM元素加载完毕之后，可以通过anchorHoverEffect()方法来初始化该超链接到能够插件。 ```html $(".ulDefault a").anchorHoverEffect(); ``` ##### 配置参数 配置参数 该超链接动画插件有4个可用的配置参数，分别用于制作4最后不同的动画： ```html $(".ulDefault a").anchorHoverEffect({type: 'brackets'}); ``` - roller3d ：默认动画效果，3D翻转效果。 - brackets ：方括号动画效果。 - flip ：上下翻转超链接文本。 - borderBottom ：下划线动画效果。
相关推荐
html5浪漫粒子表白文字特效
SlidesJS幻灯片特效
html5瀑布流相册特效
css3 svg实现的情人节表白鲜花动画特效
t-scroll.js基于ES6的DOM元素,过渡动画库插件
纯js写省市区三级联动效果
广告
广告
