废话不多说了,直接给大家贴js代码了,具体代码如下所示:
----------------------需要应用jquery .mobile自行百度 .num-zcon{ overflow: hidden; width:auto; height: 12.5em; } .num-container1 { height: 12.5em; background: url("icons/effect-img/13.png")no-repeat; background-size: cover; display:block; } .num-container2 { height: 12.5em; background: url("icons/effect-img/15.png")no-repeat; background-size: cover; display:none; } .num-container3 { height: 12.5em; background: url("icons/effect-img/177.png")no-repeat; background-size: cover; display:none; } .num-container4 { height: 12.5em; background: url("icons/effect-img/18.png")no-repeat; background-size: cover; display:none; } .num-container5 { height: 12.5em; background: url("icons/effect-img/19.png")no-repeat; background-size: cover; display:none; } .num-float{ height:1em; margin:0 auto; z-index: 3; text-align:center; margin-top: -1.35em; } .num-a{ background:#ffffff; height: 0.4375em; width: 0.4375em; border-radius: 50%; float: left; opacity: 0.5; } .num-kong{ height: 0.625em; width: 0.25em; float: left; } .num-kong-width{ width: auto; height: 0.9375em; } .num-kong-win{ height: 0.625em; width: 0.1em; float: left; } ----------
以上所述是小编给大家介绍的JS实现touch 点击滑动轮播实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!