水木社区手机版
首页
|版面-Web开发(WebDev)|
新版wap站已上线
返回
1/1
|
转到
主题:百度这个看似简单的效果,昨天仿了一下却做不出来,,,
楼主
|
xiatianup
|
2015-10-03 22:55:12
|
展开
特来请教思路 or 仿制demo。
http://ife.baidu.com/,就是这个展开的效果。
有要求的:
在展开的过程中,图片不能有拉伸的效果,一直保持原样,这个文字在展开的过程中也要一直保持原样,不能有视觉上的移动。文字请勿与白底用一样的颜色。
我能仿的最高的程度就是展开时,图片达到要求,但是文字却做不到同样展开的效果,如果做到了,它就会在展开的过程中发生移动,这与要求不一样。
请赐教,thx
--
修改:xiatianup FROM 59.172.187.*
FROM 59.172.187.*
2楼
|
xiatianup
|
2015-10-05 01:30:13
|
展开
可能是我木有表述清楚,我说的只是第一屏,那个坐地妹纸的区域效果。。。这个不是用swiper做的吧。
【 在 dhcn 的大作中提到: 】
: 不就是个swiper吗?
: :特来请教思路 or 仿制demo。
: :
http://ife.baidu.com/
,就是这个展开的效果。
: ...................
--
FROM 59.172.75.*
6楼
|
xiatianup
|
2015-10-05 13:11:13
|
展开
之前学过。。。
【 在 xxp (华山令狐冲) 的大作中提到: 】
:
http://www.w3schools.com/css/tryit.asp?filename=trycss3_transition1
--
FROM 27.17.61.*
7楼
|
xiatianup
|
2015-10-05 13:14:27
|
展开
是这样的,不过我的做法是,一般会把loading设置relative,两个door设置absolute,,,看你好像不是这样的。。。
至于fixed,一般是固定位置的浮窗,如在线客服才用fixed。。。
【 在 laodun (专挖版霸) 的大作中提到: 】
: HTML:
: <div id="loading" class="loading-end">
: <div class="door-left"></div>
: ...................
--
FROM 27.17.61.*
8楼
|
xiatianup
|
2015-10-05 13:16:33
|
展开
这个取决于浏览器吧,即使页面支持这样的手势判断也不靠谱,因为有的人会在浏览器自定义这些手势的功能。。。
【 在 woshidashu (唯爱无尽光) 的大作中提到: 】
: 鼠标手势:向下翻页 无效。除非没有选择,我不会再次打开这种网页
--
FROM 27.17.61.*
1/1
|
转到
选择讨论区
首页
|
分区
|
热推
BYR-Team
©
2010.
KBS Dev-Team
©
2011
登录完整版