UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

实用的jQuery多层图片视觉差互动特效插件jquery.parallaxmouse.js

所属分类：媒体-图片展示

 36277  378  查看评论 (3)
分享到微信朋友圈
X
实用的jQuery多层图片视觉差互动特效插件jquery.parallaxmouse.js ie兼容10
 查看演示  立即下载
相关插件-图片展示
查看更多

纯js图片旋转

 JavaScript图片特效
  图片展示
 43955  435

jQuery点击图片预览并显示详情

 jQuery点击图片预览并显示详情，加入购物车，适合简单的商城系统
  图片展示
 51839  697

jQuery图片放大、缩小、旋转

 jQuery图片旋转插件jQuery.artZoom修改版
  图片展示
 52338  309

jQuery放大镜插件cloudzoom.js

 jQuery放大镜插件cloudzoom.js，可以实现切换图片，支持滚轮控制放大比例
  图片展示
 43850  411

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

    深渊追猎者 0
    2017/1/16 14:54:28

    可以 , 很棒, 公司总是出活动页面 这个能派上用场了

    回复
    zero 0
    2016/12/8 16:12:58
    如果在移动端上运用时，可以将鼠标移动控制换成重力感应，以移动设备的偏转方向改变元素移动会更好些 回复
    Tabris 评论奖励 3 jQ币
    2016/8/29 16:08:44

    引用了一个轻量级插件parallaxmouse.min.js，作者是Wil Neeley，能通过类似于

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    <script>
            // Plugin Test
            $(window).parallaxmouse({
                invert: false,
                range: 400,
                elms: [
                    {el: $('#warpbg'), rate: 0.1},
                    {el: $('#star1'), rate: 0.2},
                    {el: $('#star2'), rate: 0.2},
                    {el: $('#star3'), rate: 0.2},
                    {el: $('#star4'), rate: 0.2},
                    {el: $('#star5'), rate: 0.2},
                    {el: $('#planet'), rate: 0.3},
                    {el: $('#robot'), rate: 0.4},
                    {el: $('#astronaut'), rate: 0.48},
                    {el: $('#asteroid'), rate: 0.7}
                ]
            });
    </script>

    的形式设置。其中invert为反转模式，就是说鼠标移动和元素移动方向相反。range是整体速率。还能单独设置每个元素的速率。

    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复