H5+CSS3实现手指滑动切换图片_html/css_WEB-ITnose

包含3个文件：html、slider-H5.js、jquery.js(自行下载)。在html中可配置滑动参数。具体代码如下：

HTML代码：

            H5手指滑动切换图片  ul,li{margin:0;padding:0;}@media screen and (min-width:240px) {    html, body{        font-size:9px;    }}@media screen and (min-width:320px) {    html, body{        font-size:12px;    }}@media screen and (min-width:480px) {    html, body{    font-size:18px;    }}@media screen and (min-width:640px) {    html, body{        font-size:24px;    }}@media screen and (min-width:960px) {    html, body{        font-size:36px;    }}div.imgbox{width:25rem;height:16.5rem;overflow:hidden;margin:0 auto;}div.imgbox ul{clear:both;width:75rem;display: inline-block;}div.imgbox ul li{float:left;width:25rem;height:16.5rem;overflow:hidden;text-align:center;}div.imgbox ul li img{width:24rem;height:16.5rem;}#page{color:red;}   


      
查看更多关于H5+CSS3实现手指滑动切换图片_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did109603