如何用JQuery获取页面可视和文档尺寸并制作一个悬浮菜单？

本文共计1171个文字，预计阅读时间需要5分钟。

本例展示了使用JQuery获取可见区域尺寸和文档尺寸，并创建悬停菜单。以下步骤和代码仅供参考：

1. 获取可见区域尺寸：javascript$(document).ready(function() { var viewportWidth=$(window).width(); var viewportHeight=$(window).height(); console.log(可见区域宽度： + viewportWidth + px); console.log(可见区域高度： + viewportHeight + px);});

2. 获取文档尺寸：javascript$(document).ready(function() { var documentWidth=$(document).width(); var documentHeight=$(document).height(); console.log(文档宽度： + documentWidth + px); console.log(文档高度： + documentHeight + px);});

3. 创建悬停菜单： 悬停菜单示例 /* 悬停菜单样式 */ #menu { width: 200px; background-color: #f9f9f9; padding: 10px; position: absolute; display: none; } 菜单内容

请注意，此示例中的悬停菜单是在ID为container的元素上显示的。您可以根据需要修改样式和JavaScript代码。

本文实例讲述了JQuery获取可视区尺寸和文档尺寸及制作悬浮菜单。