所有分类
  • 所有分类
  • 后端开发
人人网侧边滑动效果的实现及 jqMobi 框架的初次接触

人人网侧边滑动效果的实现及 jqMobi 框架的初次接触

menu.下面我们来一步一步实现该效果。首先新建一个html文件,引入jqMobi的框架,如下:登录后复制登录后复制接下来我们来添加一个在panel同级标签下登录后复制登录后复制登录后复制menu有左右滑动效果,引入如下js便可实现登录后复

一、回忆起人人网的侧边滑动效果

讲真,我刚学做APP那时,人人网的那个侧滑菜单火得不行。好多应用都抢着仿这个,真的挺新潮。手指轻轻一划,就能看到那些隐藏菜单,真的挺牛。



Side Menu






	

那个时候,我天天琢磨着要是我也能弄出那样的效果该多棒!然后我开始研究这事儿,看看怎么才能搞定。没想到,还真让我找到了个叫jqMobi的东西,那儿头就有跟我想要的差不多的功能,叫做sidemenu。

二、初次接触jqMobi框架



Side Menu






	

欢迎访问大碗干拌CSDN博客:http://www.php.cn/

我觉得jqMobi这玩意儿挺好用的,特别是它的轻量级和高效性,真的挺赞的。记得当时我刚接触这东西,就在新创建了一个HTML文件后试着用教程去做。虽然有点小紧张,但也超兴奋的!

我先加了个panel,接着又加上了第二个,还装上了header和footer。看着屏幕上慢慢丰富的内容,成就感满满!不过我也明白,这只是个开始,更难的还在后头。

人人网侧边滑动效果的实现及 jqMobi 框架的初次接触

三、为每个panel指定sidemenu

我明白了,边栏菜单就是那个小面板,每个面板上都能放一个甚至多个边栏菜单,还能跟别人家的共享起来!这样一看,就觉得这个设计超灵活,我可以随心所欲地调整我的应用~



Side Menu






	

欢迎访问大碗干拌CSDN博客:http://www.php.cn/

为了让每个面板都有自己的侧边栏导航,我特意搞了个小花招,给每个面板单独配了个菜单。虽然有点麻烦,但是看着每个面板都有了专属的侧边栏,心里还是挺得意的。

四、实现sidemenu的滑动效果

人人网侧边滑动效果的实现及 jqMobi 框架的初次接触

接下来,我得想办法搞定侧边菜单的滑动效果。找了半天资料,终于找到个简单方法,只要加个特定的Javascript文件就行!

看到我动动手,侧边菜单就跟着动起来,那个瞬间,真的好激动!感觉自己真厉害,超级开心!



Side Menu






	

欢迎访问大碗干拌CSDN博客:http://www.php.cn/

欢迎访问大碗干拌Android菜鸟开发历程专栏:http://www.php.cn/

大碗干拌欢迎您

五、反思与总结

搞定侧滑功能,我可是大有收获!学会了怎么用jqMobi框架,给panel加个sidemenu,还有滑动效果的实现方法。最关键的是,我还学会了解决开发中的各种难题。

人人网侧边滑动效果的实现及 jqMobi 框架的初次接触

这段经历让我更喜欢搞移动开发了,同时也坚信只要肯花时间和精力,没有啥事是做不成的。希望我这点小经验能帮到还在奋斗中的程序猿们。

六、向读者提出的问题

咱们聊聊,你们在编程时碰到过啥难题没?又是咋解决的?别害羞,留言告诉我,让大家都听听,共同进步!



Side Menu






	

欢迎访问大碗干拌CSDN博客:http://www.php.cn/

欢迎访问大碗干拌Android菜鸟开发历程专栏:http://www.php.cn/

大碗干拌欢迎您

七、鼓励互动与分享

如果您觉得这篇文章有用,就点个赞!分享也可以,你们的鼓励就是我写下去的动力哦~让我们一起努力,为智能手机设计更多好玩又好用的软件。

人人网侧边滑动效果的实现及 jqMobi 框架的初次接触

原文链接:https://www.icz.com/technicalinformation/web/2024/06/16863.html,转载请注明出处~~~
0

评论0

请先
注意:请收藏好网址www.icz.com,防止失联!站内免费资源持续上传中…!赞助我们
显示验证码
没有账号?注册  忘记密码?