jQuery-HoverTeeter
基于jQuery的扩展库。摒弃繁复设置，只使用JavaScript实现各种元素鼠标悬停效果。
由作者个人站项目的一个小效果Teeterboard衍生。正在增加更多效果。
欢迎您的参与！
Jiaqi Xu
- jQuery
- 页面内按先后顺序引用jquery库与该项目效果库(以teeterboard效果为例)：
<script src="jquery.js" charset="utf-8"></script>
<script src="jquery.ht-teeterboard.min.js" charset="utf-8"></script>- 页面js文件内为想应用效果的jQuery对象调用对应方法(以teeterboard效果为例)：
$(selector).addTeeterboard();-
文件名: jquery.ht-teeterboard.min.js
-
效果说明
-
默认参数实现鼠标悬停下压效果，3D化界面元素
-
根据距离中心点的距离变化下压角度
-
方法说明
$(selector).addTeeterboard(deg, persp)| 参数 | 可选 | 数据类型 | 说明 | 默认值 |
|---|---|---|---|---|
| deg | 是 | Number | 最大倾斜角度(deg) | 3 |
| persp | 是 | Number | 景深(px) | 800 |
-
文件名: jquery.ht-magneto.min.js
-
效果说明
-
与teeterboard相反，默认参数实现鼠标吸附效果，3D化界面元素
-
根据距离中心点的距离变化上扬角度
-
方法说明
$(selector).addMagneto(deg, magforce, persp)| 参数 | 可选 | 数据类型 | 说明 | 默认值 |
|---|---|---|---|---|
| deg | 是 | Number | 最大倾斜角度(deg) | 3 |
| magforce | 是 | Number | 吸附高度(px) | 25 |
| persp | 是 | Number | 景深(px) | 800 |
- 增加了磁力吸附ht-magneto效果及说明
- 优化了部分算法
- 定稿了项目名称与计划
- 完善了README.md
- 调整了项目文件结构
- 项目上线托管
- 增加了自定义倾斜角度、景深功能
- 根目录 - 压缩代码
- source - 源代码
为保持轻量化，每个效果请以两个单独文件的形式(压缩格式 + 源码)添加。
以名称为effectname的效果为例，敬请遵守如下格式：
| 位置 | 命名 |
|---|---|
| 效果名 | effectname |
| 根目录压缩文件 | jquery.ht-effectname.min.js |
| 源代码文件 | jquery.ht-effectname.js |
| 调用方法名 | addEffectname() |
如您有任何问题或建议，请邮件联系我，谢谢！
MIT License
Copyright (c) 2016 Jiaqi Xu
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.