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

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

 40868  460  查看评论 (13)
分享到微信朋友圈
X
5种炫酷鼠标跟随动画插件 ie兼容12

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

相关插件-动画效果

背景彩带动画插件ribbon.js

只有1kb的javascript 可以使用 HTML5 画布在您的网站上生成背景彩带动画
  动画效果
 34804  406

3D云 (酷!)

3D云在云端!
  动画效果
 78083  1550

jQuery雪花飘落

jQuery雪花飘落(pc端及移动端均兼容)
  动画效果
 36871  464

可爱的3D角色动画

可爱的3D人物动画,视线跟随鼠标移动,可拖动旋转。
  动画效果
 25886  267

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

    张殷殷 0
    2022/6/15 10:04:44
    我加了定位fixed和z-index=1,整个页面都能看见鼠标移动效果,但是页面本来的点击和hover效果都看不见了 回复
    New Born 0
    2019/6/25 20:43:30
    最后一个 snow 画面一直抖动 回复
    Oath 0
    2019/6/17 11:11:25
    为什么放进网页就只有局部,而且整个网页底部还多出来了一块 回复
    我不说你不说这就是距离 0
    2019/6/14 15:20:39
    我查了定位父级,是body 那为何还是定位在内容的最下面,获取的不是可视区域的宽高吗 回复
    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
    我放上页面怎么只有一部分,怎么改成全屏 回复
    xh97417 0
    2019/5/10 16:02:06
    我放在了登录界面,界面一直抖动 回复
    四海八荒第一小可爱吖?? 0
    2019/4/24 10:58:04
    我直接在页面插入好像不行,需要什么特别类名设置吗 回复
    怀念★往事 0
    2019/4/24 9:23:06
    漂亮,以前最终DW开发的时候,有跟着课本敲过类似的代码,不过只有文字跟随。。。。

    这个漂亮多了,如果在加上鼠标指针就更赞~
        错觉0
        2019/4/24 10:21:41
        应该是说有了这些jq库
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复