佳礼资讯网

 找回密码
 注册

ADVERTISEMENT

查看: 2785|回复: 12

这功能好棒,怎么写??

[复制链接]
发表于 19-7-2016 12:17 PM | 显示全部楼层 |阅读模式
小弟是写网页的,发现小米网的这个功能好赞。
这代码怎么写啊?
米.PNG
回复

使用道具 举报


ADVERTISEMENT

发表于 19-7-2016 07:01 PM 来自手机 | 显示全部楼层
<ul><li>?
回复

使用道具 举报

发表于 19-7-2016 07:03 PM | 显示全部楼层
直接抄他的代码不就可以了吗?
回复

使用道具 举报

 楼主| 发表于 20-7-2016 03:39 PM | 显示全部楼层
代码抄过了,不过好像需要ajax还是js的支持
回复

使用道具 举报

发表于 20-7-2016 05:06 PM | 显示全部楼层
小风 发表于 20-7-2016 03:39 PM
代码抄过了,不过好像需要ajax还是js的支持

不需要ajax吧,这个css3就可以了啊
回复

使用道具 举报

 楼主| 发表于 21-7-2016 02:18 PM | 显示全部楼层
publicUser 发表于 20-7-2016 05:06 PM
不需要ajax吧,这个css3就可以了啊

可以教我吗?
回复

使用道具 举报

Follow Us
发表于 21-7-2016 02:37 PM | 显示全部楼层

请问你明白 css3 + html5 吗?(建议了解先) 如果了解的话你可以google html5 parallax. 这个网站有几个demo让你参考,
http://www.creativebloq.com/web-design/parallax-scrolling-1131762
回复

使用道具 举报

发表于 21-7-2016 02:38 PM | 显示全部楼层
其实这个类似bootstrap的 carausel
不过那个 dot显示在右边
现在的都是 jquery做的
回复

使用道具 举报


ADVERTISEMENT

发表于 21-7-2016 02:40 PM | 显示全部楼层
不就是常见的 slider 吗? 只是它是 vertical 和每个 slide 都占满了 用户的 browser viewport  而已。 google vertical slider..
回复

使用道具 举报

发表于 21-7-2016 05:45 PM | 显示全部楼层
你要的应该是这个。

http://www.jqueryscript.net/layo ... ogress-Tracker.html

你需要upload jquery 去你的网站
回复

使用道具 举报

 楼主| 发表于 25-7-2016 09:10 AM | 显示全部楼层
wesleychong 发表于 21-7-2016 05:45 PM
你要的应该是这个。

http://www.jqueryscript.net/layout/jQuery-Plugin-For-Scroll-Position-Indicator-Progress-Tracker.html

你需要upload jquery 去你的网站

版主大大,我尝试一下
回复

使用道具 举报

 楼主| 发表于 25-7-2016 10:35 AM | 显示全部楼层
wesleychong 发表于 21-7-2016 05:45 PM
你要的应该是这个。

http://www.jqueryscript.net/layout/jQuery-Plugin-For-Scroll-Position-Indicator-Progress-Tracker.html

你需要upload jquery 去你的网站

版主大大,这个plugin会出error,网页会一直吃RAM
回复

使用道具 举报

 楼主| 发表于 25-7-2016 10:36 AM | 显示全部楼层
publicUser 发表于 21-7-2016 02:37 PM
请问你明白 css3 + html5 吗?(建议了解先) 如果了解的话你可以google html5 parallax. 这个网站有几个demo让你参考,
http://www.creativebloq.com/web-design/parallax-scrolling-1131762

我当然明白了
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

 

ADVERTISEMENT



ADVERTISEMENT



ADVERTISEMENT

ADVERTISEMENT


版权所有 © 1996-2023 Cari Internet Sdn Bhd (483575-W)|IPSERVERONE 提供云主机|广告刊登|关于我们|私隐权|免控|投诉|联络|脸书|佳礼资讯网

GMT+8, 24-4-2024 08:02 AM , Processed in 0.076546 second(s), 31 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表