怎么把下面的滑动代码改成手机触屏滑动代码
<scripttype="text/javascript"src="zepto.js"></script><scripttype="text/javascript">$(...
<script type="text/javascript" src="zepto.js"></script>
<script type="text/javascript">
$(function(){
var obj_box=$("#ad_box"); //获取ul元素的外部div
var obj_ads=$("#ads"); //获取图片所在ul元素
var li_lens=$("#ads li").length;
var li_w=$("#ads li").width(); //获取li元素的宽度
var d_x,m_x,u_x,iNow=0;
var flag = false;
//一次能够显示的图片个数
var d_lis = 1;
obj_box.mousedown(function(event){
flag = true;
d_x = event.pageX; //获取鼠标点击下去时的横坐
alert(d_x);
});
obj_box.mousemove(function(event){
if(flag == true){
m_x = event.pageX;
var _x = m_x - d_x;
alert(_x);
if(Math.abs(_x)>=50){
if(_x>0){
iNow--;
if(iNow<0){
iNow=0;
}
}
else if(_x<0){
iNow++;
if(iNow>=Math.ceil(li_lens/1)){
iNow=Math.ceil(li_lens/1)-1;
}
}
obj_ads.animate({
"marginLeft" : -iNow*1*li_w
},500);
$(".dian li").eq(iNow).addClass("lihei").siblings("li").removeClass("lihei");
flag = false;
}
}
});
obj_box.mouseup(function(){
flag = false;
});
});
</script> 展开
<script type="text/javascript">
$(function(){
var obj_box=$("#ad_box"); //获取ul元素的外部div
var obj_ads=$("#ads"); //获取图片所在ul元素
var li_lens=$("#ads li").length;
var li_w=$("#ads li").width(); //获取li元素的宽度
var d_x,m_x,u_x,iNow=0;
var flag = false;
//一次能够显示的图片个数
var d_lis = 1;
obj_box.mousedown(function(event){
flag = true;
d_x = event.pageX; //获取鼠标点击下去时的横坐
alert(d_x);
});
obj_box.mousemove(function(event){
if(flag == true){
m_x = event.pageX;
var _x = m_x - d_x;
alert(_x);
if(Math.abs(_x)>=50){
if(_x>0){
iNow--;
if(iNow<0){
iNow=0;
}
}
else if(_x<0){
iNow++;
if(iNow>=Math.ceil(li_lens/1)){
iNow=Math.ceil(li_lens/1)-1;
}
}
obj_ads.animate({
"marginLeft" : -iNow*1*li_w
},500);
$(".dian li").eq(iNow).addClass("lihei").siblings("li").removeClass("lihei");
flag = false;
}
}
});
obj_box.mouseup(function(){
flag = false;
});
});
</script> 展开
2个回答
展开全部
把鼠标的三个触发事件(obj_box.mousedown,obj_box.mousemove,obj_box.mouseup)改成:
obj_box.ontouchstart,obj_box.ontouchmove,obj_box.ontouchend,
obj_box.ontouchstart,obj_box.ontouchmove,obj_box.ontouchend,
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询