3598人阅读
网站开发（31）
推荐（26）
模仿相册app tidy做个html5的web app，完全不考虑桌面版本，所以ie什么的不要测试，需要模拟器测试。因为找不到合适的js插件，最后就自己写了代码。//希望有这方面资料的同学，一起交流分享下^_^PS：该demo使用了jquery 2.0版本的插件（其他版本也行，这个不支持ie，比较小）。我们队里另一个同学可以不使用js插件实现效果，但是我们对dom机制等不怎么了解，在不使用jquery的情况下，控制起来会很麻烦。功能，有三个菜单项可以左右拖动，向远离拖动点拖动的时候，该菜单会渐变透明。当在一定范围内松开手指，菜单会自动返回起点。点击菜单，会自动弹出子菜单里面还有部分逻辑没在这里说明，并且还是存在许多Bug没处理的。关键代码如下//注册、监听触屏事件
$(&#list .menu .subMenu&).on(&touchstart touchmove touchend touchcancel&, function (e) {
e.preventDefault(); //该区域禁止滑动切换页面
//判断控制。实现效果代码
});&demo下载地址：&没有积分的同学可以在这里留下邮箱。&
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：331970次
积分：4883
积分：4883
排名：第3220名
原创：138篇
评论：246条
广州创业公司号召靠谱的PHP/iOS/.Net小伙伴
(1)(2)(1)(1)(1)(1)(1)(1)(1)(1)(4)(6)(4)(4)(4)(5)(4)(7)(4)(3)(18)(10)(26)(5)(2)(4)(7)(17) 1 goLeftScroll:function(){
 2         var iWidth = parseInt(this.scrollDiv.style.left);
 3         //当菜单的左坐标绝对值小于等于偏移宽度（由菜单总宽度减去外部容器宽度得到，该值则为移动的路程值）
 4         if(Math.abs(iWidth) &= this.offset){
 5             //菜单左坐标在当前值基础上减去预设的步长值
 6             this.scrollDiv.style.left = iWidth - this.step + "px";
 7             //因为移动已经开始，检测到右侧按钮如果会灰色，则修改样式为激活
 8             if(ctrlClass.hasClass(this.oCtrlR,this.rightEnd))
 9                 ctrlClass.removeClass(this.oCtrlR,this.rightEnd);
10         }else if(Math.abs(iWidth) > this.offset){
11             ctrlClass.addClass(this.oCtrlL,this.leftEnd);
12             return;
13         }
14     }
向右移动：
 1 goRightScroll:function(){
 2         var iWidth = parseInt(this.scrollDiv.style.left);
 3         if(iWidth & 0){
 4             this.scrollDiv.style.left = iWidth + this.step + "px";
 5             ctrlClass.removeClass(this.oCtrlL,this.leftEnd);
 6         }else if(iWidth ==0){
 7             ctrlClass.addClass(this.oCtrlR,this.rightEnd);
 8             return;
 9         }
10     }
其他的也就不说了，程序很简单的。关键是搞清什么需求，理清思路再来写具体程序就很容易了。大家觉得效果还可以，就多看几遍源码，其义自现。我就不放独立下载地址了，鼓励大家多看源码。Demo上的css、js和html都是独立的，有需要的朋友看看Demo后自己提取吧，其实也很简单的啦。
Demo地址：
后记：这个demo貌似在chrome下失效，暂时我还不知道怎么回事？麻烦哪位高手能告诉我问题出在哪儿，先在此感谢了！实现导航菜单左右滑动效果 - Android源码 - 界面视图 - 源码天空
> 界面视图 > 实现导航菜单左右滑动效果
&热门Android源码
实现导航菜单左右滑动效果
资源等级：
上传会员：
资源类别：
￤界面视图
文件大小：
原创作者：
发布时间：
运行平台：
下载次数：
实现导航菜单左右滑动效果，那么今天第一个示例我仍然使android-support-v4.jar来实现菜单左右滑动效果，关于这个包的信息，不再详述，大家可以查看官方文档。实现原理是使用android-support-v4.jar包中ViewPager控件，在ViewPager控件中设置流布局，再在流布局中设置几项TextView,给每一个TextView设置相关参数，事件等。关于ViewPager控件可以设置全屏幕滑动效果，当然也可以实现局部滑动效果，下面介绍导航菜单。
&&网友评论：（共有0条）
&&暂时还没有评论
&&→&发表我的评论:
*字数限制500个字符,超出部分将自动裁剪。刚买了HTC G18但是菜单屏幕只能上下滑动，请问怎么设置成左右滑动的。知道的说下，谢谢_百度知道
刚买了HTC G18但是菜单屏幕只能上下滑动，请问怎么设置成左右滑动的。知道的说下，谢谢
g18但是菜单屏幕是上下滑动的，请问怎么设置成左右滑动的，知道的说下，谢谢
你点点看左下角数过去第二个（就四条横线那）然后点桌面效果选择方块呀，重叠，旋转等等你喜欢的效果可以啦
其他类似问题
为您推荐：
其他2条回答
你没有把快捷方式拖到桌面上
就到桌面了
桌面上又快捷方式了
就可以左右滑动了还有你用的安卓系统
还是miui系统
没得设，自己装主题
htc的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁很多人不知道 屏幕左右滑动怎么弄啊，刷完是上下滑动的，我不喜欢，在哪设置_百度知道
很多人不知道 屏幕左右滑动怎么弄啊，刷完是上下滑动的，我不喜欢，在哪设置
在哪设置经过这么长的时间很多人没注意这个，我不喜欢，刷完滑动是上下的屏幕左右滑动怎么弄啊
如果你说的是程序菜单的滑动可以在桌面设置（ADW设置）→界面设置→菜单设置→应用程序菜单风格如果不是屏幕？楼主真给力啊？上下滑动。？。？
其他类似问题
为您推荐：
其他3条回答
在ＡＤＷ里面哪设置就是点进去啊原来都是上下滚动的屏幕，现在新版本是左右，改回原来的上下滑动了，但这兜兜新版本不是左右的了
在程序里面找了，程序菜单　没有左右滑动能调节的，谁能解决
在哪里弄呢，在详细一点　进入，然后是哪个哪个　我用的是最新的2.3.5
屏幕的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁}