zoukankan      html  css  js  c++  java
  • 图片自动转换效果 jquery

    http://www.16sucai.com/uploadfile/show5/switchable01/switchable/

    <div class="maxpSlid" style="position: relative;">
    			  <div class="maxpSlid-content" style="position: absolute;  540px;">
    										  <a href="/product-2766.html" title="康佳" style="float: left;"><img src="http://www.taifengmall.com/public/images/21/12/60/91c5ddcc14a16355b21d85dc5ac1e989.jpg?1450173334#h" alt="康佳" width="180" height="420"></a>
    				   					  <a href="/product-4758.html" title="海信" style="float: left;"><img src="http://www.taifengmall.com/public/images/10/39/e9/0686ab1a02fc11bbef43d9ccd7dd1fe6.jpg?1450173362#h" alt="海信" width="180" height="420"></a>
    				   					  <a href="/product-4933.html" title="三星" style="float: left;"><img src="http://www.taifengmall.com/public/images/ed/4e/cc/32f9894ff51caf6b03b428f32e7e2fa9.jpg?1450173384#h" alt="三星" width="180" height="420"></a>
    				   			 </div>
    			 <div class="maxpSlid-triggers">
    										  <em class="active"></em>
    				   					  <em class=""></em>
    				   					  <em class=""></em>
    				   			 </div>
    		 </div>
    

      

    <script>
        var maxpSlid = $$('.maxpSlid');
        maxpSlid.each(function(item){
            new Switchable(item, {
                effect: 'scrollx',
                hasTriggers: true,
                duration:0,
                interval:4000,
                panels: 'a',
                triggers: 'em',
                steps: 1,
                haslrbtn: true,
                autoplay: true,
                viewSize:[310,550]
            })
        })
    </script>
  • 相关阅读:
    java线程池笔记
    java多线程简单用法
    Java 常用工具类整理
    Linux nohup命令详解
    Java八种基本类型
    isms项目tomcat运行配置
    2017计划
    ES6 Reflect 与 Proxy
    ES6 Map与Set
    ES6 Symbol类型
  • 原文地址:https://www.cnblogs.com/lemonphp/p/5702712.html
Copyright © 2011-2022 走看看