jQuery炫酷图片3d背景视觉差特效

2019-10-09 08:55:53 作者: 大梦 浏览: 11 [百度未收录] [搜狗已收录] [360已收录]

简要教程
Smart3D是一款效果非常炫酷的jQuery图片背景视觉差特效插件。该插件将图片以层的形式排放,当鼠标滑过图片的时候,每一层的图片的运动速度各不相同,从而形成强烈的视觉差效果。
 使用方法
 HTML结构
该图片背景视觉差特效使用无序列表来组织各个图层,每一个
  • 元素是一个图片层。
    CSS样式 CSS设置只需要为
    • 分别设置一个宽度和高度即可。 #mindscape { width: 720px; height: 170px; overflow: hidden; border:2px solid #444444; } #mindscape li{ width: 844px; height: 170px; } JAVASCRIPT 在页面加载完毕后,可用下面的方法调用该视觉差插件。 $(function() { $('#mindscape').smart3d(); }); 可用参数 以下是该视觉差特效的一些可用参数。 frameWidth:类型:integer。可选项,设置宽度(可以在CSS中设置)。 frameHeight:类型:integer。可选项,设置高度(可以在CSS中设置)。 horizontal:类型:boolean。可选项,是否是水平视觉差效果。默认值:true。 vertical:类型:boolean。可选项,是否是垂直视觉差效果。默认值:true。 firstStatic:类型:boolean。可选项,第一个图片是否静止。默认值:true。 lastStatic:类型:boolean。可选项,最后一个图片是否静止。默认值:true。 invertHorizontal:类型:boolean。可选项,水平反转。默认值:false。 invertVertical:类型:boolean。可选项,垂直反转。默认值:false。
  • 版权免责声明 1、本网站名称:罗网轻量级sns社区,源码分享平台
    2、本站永久网址:http://www.luopay.cn
    3、本网站的资源部分来源于网络,如有侵权,请联系站长进行删除处理。
    4、会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。
    5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
    6、本站资源大多存储在云盘,如发现链接失效  点此反馈 我们会第一时间更新。

    下载地址
    评论
    本文作者 阅读排行 文章推荐

    首页
    最新
    投稿
    精选
    我的