商业源码,免费源码,商业源码,源码分享 - 酷得源码

全部分类
全部分类

html5和css3响应式全屏滚动页面切换效果

html5和css3响应式全屏滚动页面切换效果

原价
¥9653.00
  • 累计销量0
  • 浏览次数129
  • 累计评论0
首页
商品细节

简要教程

这是一款全屏响应式的HTML5CSS3页面切换效果。这个页面布局效果对于那些页面要求固定100%高度和宽度的网站和APP来说是十分有用的。

HTML

wrapper div的class为st-container,里面包含作为导航按钮的radio和用于页面切换的面板st-scroll

Serendipity Happiness Tranquillity Positivity Passion

Serendipity

Banksy adipisicing eiusmod banh mi sed...

我们要做的事情是改变面板的高度值,使点击导航按钮时相应的面板显示在屏幕上。可以通过兄弟选择器来在按钮点击时获取正确的面板。我们需啊哟radio按钮和st-scroll在dom结构的同一层上,并且要在超链接的上部(超链接的透明度将会被设置为0,使其不可见)。为了正确选择面板,我们还要给每个面板和radio按钮一个id。

CSS代码请参考下载文件中的css文件。

动态评分

0

没有评分数据
没有评论数据

友情链接

×

打开微信,点击底部的“发现”

使用“扫一扫”即可将网页分享至朋友圈

×
复制

物流信息

×
...