新闻资讯

NEWS CENTER

与您分享我们的发展动态，我们不只是执行者，更是有思想的策划者

最新动态
谈谈jquery的事件名称和命名空间
[2018年09月18日]
Jquery判断页面滚动条(scroll)是上滚还是下滚，且是否滚动到头部或者底部
[2018年09月18日]
关于HTML5你必须知道的28个新特性,新技巧以及新技术
[2018年09月10日]
H5小技巧
[2018年09月10日]

bootstrap 轮播图的滑动效果

发布日期：2017年07月11日文章来源：www.tengways.com

female viagra name

female viagra testbed.idippedut.dk female viagra over the counter

abortuspil kopen

abortuspil zonder recept verkrijgbaar blog.tgworkshop.com abortuspil online

buy sertaline usa

buy sertraline

先在head引用touch.js文件

html代码：

<div id="carousel-example-generic" class="carousel slide both" data-ride="carousel">

<ol class="carousel-indicators">

<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>

<li data-target="#carousel-example-generic" data-slide-to="1"></li>

<li data-target="#carousel-example-generic" data-slide-to="2"></li>

</ol>

<div class="carousel-inner" role="listbox">

<div class="item active">

<img src="__PUBLIC__/home/img/banner_01.jpg" alt="...">

<div class="carousel-caption">

...

</div>

</div>

<div class="item">

<img src="__PUBLIC__/home/img/banner_02.jpg" alt="...">

<div class="carousel-caption">

...

</div>

</div>

<div class="item">

<img src="__PUBLIC__/home/img/banner_03.jpg" alt="...">

<div class="carousel-caption">

...

</div>

</div>

</div>

<a id="carleft" class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">

<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>

<span class="sr-only">Previous</span>

</a>

<a id="carright" class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">

<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>

<span class="sr-only">Next</span>

</a>

</div>

</div>

JS代码:

<script>

var myTouch = util.toucher(document.getElementById('carousel-example-generic'));

myTouch.on('swipeLeft',function(e){

$('#carright').click();

}).on('swipeRight',function(e){

$('#carleft').click();

});

</script>

上一篇:如何用php和js判断手机端访问的方法

下一篇:jquery 对 Json 的各种遍历

返回列表

Copyright @ 2008 - 2013 腾维科技 All Right Reserved. 闽ICP备14009029号-1
首页
关于
服务
案例
资讯
联系