2 zhoucheng05 13 zhoucheng05_13 于 2017.09.06 14:57 提问

登录悬浮框是怎么实现的? 1C

图片说明
请问各位大神,这种悬浮登录框是怎么实现的呢,是用JS吗?有例子吗?

9个回答

cal_cen
cal_cen   2017.09.06 15:02

CSS里有个position:fixed,这个是悬浮
点击弹出登录框,这个就得需要JS或者JQ解决了

cal_cen
cal_cen 这个应该是 position:relative/absolute,定位 去w3c看看 ,这是基础
3 个月之前 回复
qq_38494537
qq_38494537   2017.09.06 15:12

推荐你用个插件吧layer,使用简单。弹出框自定义
http://layer.layui.com/

congge_1993
congge_1993   2017.09.06 15:43

bootStrap 模态框

dkandzg
dkandzg   2017.09.06 16:37

写一个高宽都是100%的div,背景色的透明度设置好(注意兼容性),然后把中间登录框定位定好,再把中间的布局什么写完,最后就是平时隐藏,点击按钮就显示,点击背景部分就消失喽,直接显示消失或者淡入淡出都随你喽,反正就是显示隐藏这部分需要写一点点js,其他的html,css都能解决

lkhog
lkhog   2017.09.06 19:47

百度啥都有-------------------------------------

kincaid_z
kincaid_z   2017.09.08 00:25

position:fixed;并且居中显示 left:0;right:0;top:0;bottom:0;margin:auto;

nihao2007
nihao2007   2017.09.06 15:06

定义一个登陆div 然后设置css样式就可以了,在定义一个全屏的黑色层,将登陆的div层显示在最前端,通过js动态控制展示和隐藏,或者使用别人的框架前段展示框架布局,因为集成好了,会相对简单一点。

sunny_desmond
sunny_desmond   2017.09.06 15:20

要么用插件,要么自己写个弹框,设置position:fixed就行啦~

zjscy666
zjscy666   2017.09.07 20:16

css就可以 最多加点js监听

Csdn user default icon
上传中...
上传图片
插入图片