2016-10-13 11:23发布
手机滚动到 页面的中间,有一个按钮,点击这个按钮可以弹出一个全屏弹出层,层中间有个图片。点击任何区域 ,弹出层消失。这一过程的CSS怎么写?
首先讲一下~~~如果是全屏覆盖,我想了一下整个过程~1.html结构里加上一个div,div里可以嵌套img,因为你要中间有一个图片;2.给这个div加上一个类,类名随意,是为了后面的css代码做准备;3.css可以用position:absolute;top,left,right,bottom都设置为0,这样子就实现全屏,而且并不会对其他元素造成影响;4.使用jquery的点击事件,函数里面调用toggleClass((第二的类名),这个可以实现点击出现,再点击这个div的时候消失;然后按钮就很简单一个click事件,给这个div添加这个类;5.img的处理,可以用width等等对他进行大小的限制。 以上是假如是我在完成,我会做的一个做法,做法不限,但是这可能是我第一反应会实现的方案吧~如果有不正之处请指正~思路是这样子的~等待会看看可不可以写一个简单的demo出来~
最多设置5个标签!
首先讲一下~~~如果是全屏覆盖,我想了一下整个过程~
1.html结构里加上一个div,div里可以嵌套img,因为你要中间有一个图片;
2.给这个div加上一个类,类名随意,是为了后面的css代码做准备;
3.css可以用position:absolute;top,left,right,bottom都设置为0,这样子就实现全屏,而且并不会对其他元素造成影响;
4.使用jquery的点击事件,函数里面调用toggleClass((第二的类名),这个可以实现点击出现,再点击这个div的时候消失;然后按钮就很简单一个click事件,给这个div添加这个类;
5.img的处理,可以用width等等对他进行大小的限制。
以上是假如是我在完成,我会做的一个做法,做法不限,但是这可能是我第一反应会实现的方案吧~如果有不正之处请指正~思路是这样子的~等待会看看可不可以写一个简单的demo出来~
一周热门 更多>