<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
body,div{ margin:0; padding:0;}
.box{ width:200px; height:60px; background-color:#c00;}
</style>
</head>
<body>
<div class="box"></div>
<script>window.jQuery || document.write(unescape("%3Cscript src='http://libs.baidu.com/jquery/1.10.1/jquery.min.js' type='text/javascript'%3E%3C/script%3E")); </script>
<script type="text/javascript">
jQuery.fn.center = function(){
this.css("position","absolute");
this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) + $(window).scrollTop()) + "px");
this.css("left", Math.max(0, (($(window).width() - $(this).outerWidth()) / 2) + $(window).scrollLeft()) + "px");
return this;
}
$(".box").center();
</script>
</body>
</html>
效果图：
相关推荐
此前给大家推荐了一个纯css实现div容器内图片、文字上下居中的效果，缺点是采用了部分css3样式，兼容性较差，相关链接：纯css实现div容器内图片上下左右居中效果 今天特意在网上找到了一款插件--jquery.valign，可...
总的来说，“jq年月日上下滑动选择日历插件”凭借其优秀的跨平台兼容性和便捷的交互设计，为网页开发者提供了一种高效、易用的日期选择解决方案。它不仅简化了开发流程，也为用户带来了更佳的使用体验。在日新月异的...
jq 双日历插件日历选择器jq 双日历插件日历选择器jq 双日历插件日历选择器jq 双日历插件日历选择器jq 双日历插件日历选择器jq 双日历插件日历选择器jq 双日历插件日历选择器jq 双日历插件日历选择器jq 双日历插件...
jQuery全屏页面滚动效果是一种常见的网页交互设计，它能够为用户带来流畅且富有动态感的浏览体验。在网页设计中，这种效果常用于创建引人入胜的单页应用（SPA）或者产品展示页面，使得内容随着用户的滚动动作自然...
对于单图查看，jQuery插件通常会提供一个简单的图片容器，用户点击图片后，图片会在一个弹出窗口或者全屏模式下显示，同时提供关闭按钮以便用户返回原始页面。这个过程中，插件会处理图片的加载、显示和隐藏逻辑，...
"JQ第三方分享插件+可自定义链接、标题"这个标题揭示了一个基于jQuery的第三方分享工具，它允许开发者方便地在他们的H5页面上实现社交分享功能，并且可以定制分享的链接和标题，以满足不同场景的需求。 jQuery是一...
在网页开发中，jQuery（通常简称为jq）是一种广泛使用的JavaScript库，它简化了DOM操作、事件处理和动画效果。本篇文章将详细讲解如何使用jQuery实现页面的上下滑动效果，这种效果在移动设备和桌面端的应用中都非常...
在移动端开发中，用户交互设计至关重要，而左右滑动效果是许多移动应用和网页常见的交互方式，用于切换页面、展示更多信息或进行选择操作。本文将详细介绍一个专为移动端设计的左右滑动插件，帮助开发者轻松实现这一...
JQ的分页插件是一种高效的解决方案，它能够帮助开发者轻松实现网页内容的分页显示，提升用户体验。本资源包含了一系列必要的文件，用于演示如何使用这个插件。 首先，我们来看`pagination.css`文件，这是一个CSS...
本文将深入探讨“JQ可拖曳上传图片插件（兼容手机）”这一主题，旨在帮助开发者理解和实现这种功能。 首先，拖曳上传功能是现代Web应用中一种常见的交互方式，用户可以通过拖放操作来选择要上传的文件，提高了用户...
jqURL地址处理插件 可以获取页面URL 点击新开一个200x200的google.com窗口 $.jqURL.loc('http://www.google.com',{w:200,h:200,wintype:'_blank'}); 点击获取页面URL地址 $.jqURL.url(); 点击获取页面URL...
本插件就是基于jQuery实现的一种经典特效，允许网页元素在上下、左右四个方向上进行平滑滚动，为用户界面增添动态效果。 这个特效插件的核心在于利用jQuery的动画功能。jQuery的`.animate()`方法是实现动态效果的...
"jq文字滚动大全（上下左右及可控）"这个主题涉及到的是使用JavaScript库jQuery实现的文字滚动效果，它提供了丰富的选项来创建各种滚动动画，如上下、左右滚动，并且用户可以控制滚动速度和方向，使得滚动效果更加...
Jqui插件是基于jQuery UI库的扩展，用于增强网页的交互性和视觉效果。jQuery UI是一个功能丰富的开源JavaScript库，提供了各种用户界面组件，如拖放功能、对话框、滑块、日期选择器等。本压缩包提供的"jqui插件"可能...
jq左右移动切换 有按钮，jq左右移动切换 有按钮，jq左右移动切换 有按钮
总之，“JQ瀑布流插件”是前端开发中用于创建动态、自适应布局的工具，通过这个压缩包中的"demo"文件，你可以学习到如何在自己的项目中集成和使用此类插件，以提升用户体验并增加网页的视觉吸引力。
在IT行业中，图片上传预览功能是网页应用中常见的需求，尤其在社交媒体、博客系统以及内容管理系统等场景下。"jq 图片上传预览插件"是一个专为jQuery设计的库，它允许用户在实际上传前预览所选图片，提供类似微信...
标题中的"jq版本向下兼容插件"是指一个特定的jQuery插件，它的目标是确保应用在升级到1.9及更高版本时，仍然能保持与1.9之前的版本兼容。这意味着开发者可以安心地更新jQuery库，而不用担心因API变化导致的代码错误...
【标题】支持上下左右切换的jQuery焦点图是一种常见的网页交互元素，它允许用户通过点击或自动轮播方式浏览一组图片或内容。这种焦点图通常应用于网站的首页、产品展示、新闻滚动等场景，以吸引用户的注意力并提供...