5种炫酷鼠标跟随动画插件

所属分类：其他-动画效果

40667 460 查看评论 (13)

分享到微信朋友圈

查看演示立即下载

插件描述：这是一款炫酷js鼠标跟随动画特效插件。该js插件提供了5种鼠标跟随的动画特效，使用非常简单，效果非常炫酷。

在页面中引入相应的鼠标跟随文件即可。

Bootstrap商务会展模板

jquery分页插件

jquery3d图片旋转插件

拖动鼠标即可看到图片旋3D转动画

动画效果

43251 420

svg可爱的变色龙动画

鼠标跟随svg可爱的变色龙动画

动画效果

27305 388

超级牛B的js效果

跟上一个心的形状用的类似的方法。不用我多说，看了就知道有多牛B了哦。可兼容手机。暂停之后一个手指拖动改变视角，两个手指可以调整视角的大小，三个手指可以移动。

动画效果

58005 331

基于three.js雪花效果

基于three.js开发的雪花飘落效果，跟随鼠标

动画效果

28331 271

讨论这个项目（13）回答他人问题或分享插件使用方法奖励jQ币评论用户自律公约

张殷殷 0

2022/6/15 10:04:44

New Born 0

2019/6/25 20:43:30

Oath 0

2019/6/17 11:11:25

我不说你不说这就是距离 0

2019/6/14 15:20:39

2715480059 0

2019/5/29 8:02:51

W 0

2019/5/17 17:52:51

蔡明亮1

2019/11/14 21:32:40

你好，那是因为作者用了是固定定位造成的，将它改成绝对定位即可
大概在每个相对应js文件的，80行左右将：

function Particle() {
   this.character = "*";
   this.lifeSpan = 120; //ms
   this.initialStyles ={
     "position: absolute;",
       "display: block;",
     "pointerEvents": "none",
     "z-index": "10000000",
     "fontSize": "16px",
     "will-change": "transform"
   };

改成：

function Particle() {
    this.character = "*";
    this.lifeSpan = 120; //ms
    this.initialStyles = {
        "position": "fixed",
        "top": "0",
        "pointerEvents": "none",
        "z-index": "10000000",
        "fontSize": "16px",
        "will-change": "transform"
    };

W 0

2019/5/17 17:47:13