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

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

9个回答

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

cal_cen
一缕琴音映斜阳 这个应该是 position:relative/absolute,定位 去w3c看看 ,这是基础
2 年多之前 回复

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

bootStrap 模态框

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

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

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

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

css就可以 最多加点js监听

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

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问