Question

如何用js实现天猫那种图片滑动效果，-ms-transition:all .5s ease-in-out .2s

鼠标放上去，图片有动画效果的往左滑动，求高手指点！
火狐支持transition，ie不支持这种效果， 不知道js可不可以实现？

Answer 1

淘宝天猫的是用kiss.js是他们自己写的js包
这个js包是开源的你可以到他的网站下载js包和调用代码

追问

能帮写个js代码吗？

追答

<style>
     .slider-demo{
     width: 500px;
     height: 375px;
     padding: 0;
     }
     body p{
     font-weight: bold;
     font-size: 13px;
     }
    </style>
    <script type="text/javascript">
        $(document).ready(function(){
            $('#slider-slide-v').omSlider({effect:'slide-v'});
        });
    </script>
    
    <div id="effect_tab">
     <ul>
     <li><a href="#slider-slide-h">水平滑动效果</a></li>
     </ul>

     <div id="slider-slide-v" class="slider-demo">
         <img src="images/turtle.jpg" />
         <a href="#"><img src="images/rabbit.jpg" /></a>
         <img src="images/penguin.jpg" />
         <img src="images/lizard.jpg" />
         <img src="images/crocodile.jpg" />
     </div>
    </div>

这是operamasks的写法 最近在用这个与jquery基本一致的 支持ie chrome firefox等主流浏览器

追问

　　亲，放上去么什么效果呢，求js怎么写，图片向左移动的时候会像在火狐浏览器那样滑动。

追答

就是那种滑动 js html css全部代码 都在上面贴出来了
要load一下js包 jquery.js core.js
看不懂可以私信 我给你发效果页面

Answer 2

使用jQuery库，自带多种动画效果，包括滑动，淡入淡出等

追问

能详细点吗？还能帮我写下哈，给个q吧，

Answer 3

js更麻烦
css3动画 IE10以上支持