伟德BETVICTOR_手机1946韦德最新网站_韦德1946手机版客户端【唯一授权官网】

所属分类:媒体-幻灯片和轮播图
 3287  37  查看评论 (5)
伟德BETVICTOR_手机1946韦德最新网站_韦德1946手机版客户端【唯一授权官网】 ie兼容10
发布时间:2018-1-29 22:56本伟德BETVICTOR呢,是因为要做一个轮播效果的东西。轮播的东西里面有图有文字,但是网上找了很多伟德BETVICTOR,都只是改变容器的宽度来实现3d效果。这样的话 只放图片还可以 但是里面的文字会出现超出或者其他的瑕疵  所以写了这个伟德BETVICTOR 用的是过度和css3变形来实现文字也缩放的效果 功能不全 只有上一个下一个 和点击那个那个变成最上方一个的效果

代码说明

var zturns = new zturn({     id: "zturn", //容器的id     opacity: 0.9, //透明度比例     width: 382, //单个轮播元素大小     Awidth: 1024, //整个轮播容器宽度     scale: 0.9 //缩放比例 }) zturns.next_() //下一张 zturns.prev_() //上一张这用这破伟德BETVICTOR还要自己定义这个 transition: all 0.5s; 自己想写在那里就写在那里吧 然后0.5这个当然就是时间了大概就这点效果了 而且ie浏览器不兼容过度动画效果 class的话 这个是必要的 其他的看样式可以随便改  大概就是这样了 兼容ie实在是不会了 原本想用jq的animate做 这样应该就可以兼容ie了 但是这玩意又没法写scale这种属性 (好吧其实能写 只是感觉太麻烦了) 或者有没有大神能帮着看看我写的代码 求个能兼容ie的写法 新手小白 qiuwupen
相关伟德BETVICTOR-幻灯片和轮播图

完美左右切换

完美左右切换代码简单容易修改。
  幻灯片和轮播图
 18396  132

jQuery自适应滑块轮播图伟德BETVICTORzpSlide

zpSlide滑块集轮播图幻灯片,滑块集轮播图个数可自定义,并完全自适应于手机端、ipad、电脑端
  幻灯片和轮播图
 7555  24

jQuery带缩略图的轮播图伟德BETVICTORPgwSlideshow

PgwSlideshow是一款基于jQuery的图片轮播伟德BETVICTOR,这是一款简单带缩略图的jquery伟德BETVICTOR。该轮播图伟德BETVICTOR默认底部带有缩略图效果,支持ie8浏览器,并带平滑过渡效果。
  幻灯片和轮播图
 5710  21

响应式banner,带手指换的手机1946韦德最新网站,自定义设置属性

响应式banner,支持移动端手指滑动切换,自定义设置属性
  幻灯片和轮播图
 24604  208

讨论这个项目(5)回答他人问题或分享伟德BETVICTOR使用方法奖励jQ币

    拘深至攵ミ命 0
    2018/1/30 16:36:08
    可以自动轮播吗???
        zwb0
        2018/1/31 8:49:24
        自动轮播的话 你就用定时器配合zturns.next_() //下一张 我们公司没需要自动轮播所以就没写 等我有时间的话 再补上
    回复
    WckY 0
    2018/1/30 10:24:08
    试试用swiper.js里的coverflowEffect 属性吧 我用它实现过纯图片的3d效果 
        zwb0
        2018/1/30 11:01:11
        那个我试过 但是会完全不兼容ie9 使用swiper的话 样式也完全没了
    回复
    zwb 0
    2018/1/30 9:01:53
    好像当时写说明的时候没打全 是 class的话 只有zturn-item这个是必要的 想要加 transition: all 0.5s; 的话 给它加上就可以了 回复
取消回复