【特效】弹窗效果(多个页面可统一调用,带遮罩背景)
2016-05-05 17:18
225 查看
弹窗效果太常见了,一个网站中往往会有多个弹窗,而且样式还不完全一样,这时候可以写一个函数,整站统一调用。命名好通用的class和独自样式的class,弹窗的居中显示原理很简单,设其定位fixed,top:50%和left:50%,然后用js获取弹窗的宽和高,然后设置其上边距和左边距分别为宽度除以2和高度除以2。整体效果不错,也不会受页面高度的影响。
具体看代码则明了:http://pan.baidu.com/s/1i5sBJDj
样式好简朴,没有美化啊哈哈,前端人员只看代码不需要美化了吧!
还可以给弹窗加上可拖动的效果,代码不难,自行添加吧,这样体验更好了。
相关文章推荐
- 巧用正则表达式
- Android自定义View解析之视图状态及视图重绘(二)
- 程序员必须知道的几个Git代码托管平台
- iOS中atomic 与 nonatomic,assign,copy与retain的定义和区别
- 【Arduino官方教程第一辑】示例程序 3-1 模拟信号与串口
- Android4.0 Message 中添加附件
- c++课的圆周面积
- 关系型数据库设计范式
- SIM结构模型(Logical model of SIM)
- 天兔(Lepus)数据库监控系统快速安装部署 推荐
- 原版系统装不了
- 脚本 - 清理/维护gpperfmon历史数据
- socket编程小问题:地址已经被使用——Address already in use
- jquery插件autocomplete
- bzoj 1853: [Scoi2010]幸运数字(容斥原理)
- ln -s No such file or directory
- Python list to string
- c# dataGridView导出数据到EXcel
- linux 动态调用 .so 库文件中的函数
- PHP 使用PHPExcel删除Excel单元格指定列