HTML5要实现左右滑屏切换页面

cyx_33 2016-05-04 05:42:16

试了一个左右滑屏的可是是用div、ul做的，效果不满意，
请教一下滑屏跳到下一个页面的做法。

...全文

1469 6 打赏收藏转发到动态举报

写回复

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

cyx_33 2016-05-12

打赏
举报

回复

是不是swiper也是用div写在同一个html页面里面？

cyx_33 2016-05-12

打赏
举报

回复

有没有更具体一点的答案

cyx_33 2016-05-09

打赏
举报

回复

[quote=引用 1 楼 obliviousSing 的回复:] 是不是可以整个页面切换？

业余草 2016-05-08

打赏
举报

回复

找插件！滑动插件

1987andy 2016-05-05

打赏
举报

回复

ajax + css animation

obliviousSing 2016-05-05

打赏
举报

回复

插件？swiper, islider.js

适合做购物类网站导航页面，支持底部tab标签切换。类似360浏览器的欢迎页面导航效果

jQuery HTML5页面整屏滑动切换代码是一款右侧带有索引按钮的页面滚动特效，支持鼠标滚动控制。

jquery滑屏切换效果

H5单页面手势滑屏切换是采用HTML5 触摸事件(Touch) 和 CSS3动画(Transform,Transition)来实现的，效果图如下所示，本文简单说一下其实现原理和主要思路。 1、实现原理假设有5个页面，每个页面占屏幕100%宽，则创建一个DIV容器viewport，将其宽度(width) 设置为500%，然后将5个页面装入容器中，并让这5个页面平分整个容器，最后将容器的默认位置设置为0,overflow设置为hidden,这样屏幕就默认显示第一个页面。

<div class=pageview

JS jquery实现iphoneh左右滑屏效果

39,118

社区成员

5,567

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章