(1) 实现div层在window窗口中垂直和水平居中

  首先需要了解基本的知识点:

    获取浏览器显示区域的高度 : $(window).height();
    获取浏览器显示区域的宽度 :$(window).width();
    获取页面的文档高度 :$(document).height();
    获取页面的文档宽度 :$(document).width();

    获取滚动条到顶部的垂直高度 :$(document).scrollTop();
    获取滚动条到左边的垂直宽度 :$(document).scrollLeft();

  假设:一个层的id=“box”  var obj = $("#box");

  下面实现其垂直和水平居中: obj.css({

            "top":($(window).height()-obj.height())/2 + $(window).scrollTop(),

            "left":($(window).width()-obj.width())/2

          });

(2) ....

转载于:https://www.cnblogs.com/fengfan/archive/2011/10/17/2215616.html

【jquery】 随笔记录相关推荐

  1. 【原创】微信支付遇到的各种坑及解决方案随笔记录,invalid signature, “errMsg“:“chooseWXPay:fail“

    [原创]微信支付遇到的各种坑及解决方案随笔记录,invalid signature, "errMsg":"chooseWXPay:fail" 参考文章: (1) ...

  2. 自己初学时的随笔记录

    如果富文本编辑器 jsp....文件可以找到但是就是显示不出来,可能是Controller控制器中@RequestMapping后边没有写路径 ---------------------------- ...

  3. 小记~随笔[记录一个Matlab的中的一个错误]

    记录一个Matlab的错误 导语 : 今天打开了Matlab , 在初始化完毕后出现了一个报错 , 通过回忆之前的操作我解决了这个问题. 并产生了一些思考. 这篇属于随笔类的文章 , 文笔散乱 , 想 ...

  4. MySQL学习随笔记录

    安装选custmer自定义安装.默认安装全部在c盘. 自定义安装的时候有个advance port选项用来选择安装目录. -----------------------MySQL常见的一些操作命令-- ...

  5. MySQL 随笔记录

    engine=innodb和engine=myisam的区别 myisam是默认类型它是存储记录和文件的标准方法与其他存储引擎比较,MyISAM具有检查和修复表格的大多数工具. MyISAM表格可以被 ...

  6. jQuery随笔1-CDN加载

    如果您不希望下载并存放 jQuery,那么也可以通过 CDN(内容分发网络) 引用它. 谷歌和微软的服务器都存有 jQuery . 如需从谷歌或微软引用 jQuery,请使用以下代码之一: Googl ...

  7. JQuery学习记录——DOM的加载

    一.加载DOM 在页面加载完毕后,浏览器会通过javaScript为DOM元素加载事件,在js中通常使用window.οnlοad=function(){...}方法,在JQuery中使用$(docu ...

  8. jquery学习记录

    推荐一个优秀的jQuery和Ajax学习网站 什么是jQuery? jQuery是一个快速,小巧,功能丰富的JavaScript库.它通过易于使用的API在大量浏览器中运行,使得HTML文档遍历和操作 ...

  9. JQuery学习记录——jQuery对象和DOM对象的转换

    1.DOM对象:Document Object Model 文档对象模型,每个DOM都可以表示成一棵树,一颗DOM树有很多元素节点,这些节点可以通过js中的getElementById("i ...

最新文章

  1. python中的单例模式
  2. 高薪诚聘 | 匠韵智能招聘3D视觉工程师
  3. 31 道 Java 核心面试题,统统打包给你!
  4. AutoGL:浅谈未来非常有前景的自动图机器学习相关概念
  5. 基于图像灰度的模板匹配
  6. java 绘图球的移动_求助在JFrame上绘制移动的小球
  7. 【LeetCode - 131】分割回文串(dp,dfs)
  8. 【西安石油大学主办|IEEE CPS出版】2020智能控制、测量与信号处理国际学术会议诚邀您投稿参会!...
  9. 保障电邮EMAIL通讯的安全性
  10. Linux Bash严重漏洞修复紧急通告
  11. 用python实现遗传算法
  12. GD32VF103启动流程分析
  13. 正则表达式验证手机号,正则表达式验证邮箱号,正则表达式验证QQ号,正则表达式验证微信号等
  14. R语言绘图:直方图——hist
  15. 【Maven】阿里云镜像仓库
  16. sx1278组网01——网关
  17. ubuntu conda、pip 设置代理
  18. QEMU中的内存API(2)
  19. 使用matplotlib画3d平面风场_新篇章:12激光SLM金属3D打印机开卖,速度提升20倍,工业批量化生产新利器...
  20. 当你对成功的渴望足以与你对呼吸的渴望相媲美的时候,你就会成功!

热门文章

  1. 常见List面试问题
  2. 组装电脑调整分区后分区丢失的资料找回方法
  3. Ubuntu 16.04中iptables的工具简介(iptables/iptables-restore/iptables-xml/iptables-apply/iptables-save)...
  4. android activity 窗口 样式
  5. 使用nmap查看web服务支持的http methods
  6. eclipse jad
  7. quartz和应用的集群问题
  8. (转)Inno Setup入门(十七)——Inno Setup类参考(3)
  9. Ext.tree.Panel示例
  10. IDC商人应不应该给客户提供服务器测试?```