Tag: 窗口

使用jQuery的可变宽度的中心对象

需要将宽度根据浏览器窗口更改的对象居中。 通常我会使用css，其顶部和左侧位置设置为50％，负边距等于宽度和高度的一半，但显然不能满足此需求。 我以为我的jQueryfunction会起作用……但没有bueno。 我错过了CSS中的东西吗？ 谢谢！ http://jsfiddle.net/danielredwood/EbkLg/2/ 这是CSS #t { width:25%; height:25%; background:red; } JavaScript的 $(window).resize(function(){ resizenow(); }); function resizenow() { var browserwidth = $(window).width(); var browserheight = $(window).height(); $(‘#t’).css(‘left’, (browserwidth – $(this).width())/2).css(‘top’, (browserheight – $(this).height())/2); });

jQuery – 分别处理同一个类的多个实例？

目标： 我正在尝试创建一个视差滚动效果。 视差容器的实现方式如下： 当它的容器滚动到视图中时，我需要启动视差效果。 离开视图后 ，效果需要停止。 问题： 到目前为止jQuery工作得很好。 但是：因为我可以在一个页面上有多个视差容器 （例如一个在顶部，一个在底部），我需要它们由jQuery 独立处理。 目前效果是…… 1.）一旦第一个视差容器滚动到视图中，就触发每个视差容器 2.）每个视差容器离开视野后停止。 所以还不是解决方案。 思考 我认为它应该适用于jQuerys .each（），但到目前为止我无法真正开始工作。 当我尝试实现它时，我想我在某处混淆了嵌套函数。 码 这是我目前的代码： $(document).ready(function(){ $.fn.is_on_screen = function(){ var win = $(window); var viewport = { top : win.scrollTop(), left : win.scrollLeft() }; viewport.right = viewport.left + win.width(); viewport.bottom = viewport.top + win.height(); var bounds = this.offset(); bounds.right […]

使用js或jquery关闭“浏览器”选项卡

我想通过单击按钮关闭当前的浏览器选项卡。 window.close方法不起作用。

如何加载html文本，直到加载背景图像精灵？

这是我想用jQuery控制的一些示例代码（黑页bg上的白色按钮bg）： Products and Services for the company Successful packaging services for the company Data, mail and print tools for your company 在CSS文件中，我有以下内容： .buttons li { background-image: url(images/sprite.png); height:126px; width:293px; float:left; margin:0 0 0 9px; } .button-displays { background-position: 0 125px; } .button-packaging { background-position: 0 250px; } .button-tools { background-position: 0 375px; } 我将这些列表项设置为看起来像可点击的按钮，背景精灵有助于填写按钮的背景。 我的客户端在Firefox和Safari中不喜欢它，当页面第一次加载时，锚点内的文本首先加载li的背景精灵（大约150kb […]

jQuery窗口滚动事件。 滚动的每个XX像素

我正在使用优秀的jQuery Reel插件（ http://jquery.vostrel.cz/reel ）进行项目。 我想绑定到窗口滚动事件，所以当用户向下滚动页面时，插件前进1帧，例如每10px滚动一次，如果用户向上滚动动画则反转。 插件有方法我可以传递值没有问题，我知道如何绑定到窗口滚动事件。 我正在努力的是最后一次。 我如何使用jQuery / JavaScript来表示在任何垂直方向上滚动的每10个像素在动画中前进1帧？ 我知道我可以将窗口滚动存储在一个变量中，但我不确定每次碰到10个前进一帧的倍数时该怎么说。 提前谢谢了。 编辑 感谢下面用户的帮助，我找到了一个解决方案。 如下： $(window).scroll(function() { windowScrollCount = $(this).scrollTop(); animationFrame = Math.round(windowScrollCount / 100); }); 所以这里我在windowScrollCount中获取滚动距离，将其转换为animationFrame中的帧并使用.reel（“frame”，animationFrame）将其设置回来。 我实际上是每100帧一次这样做，因为每10帧就要快。

JS“窗口”宽度 – 高度与“屏幕”宽度 – 高度？

当我看到这段代码时，我想知道一点： // Get the screen height and width var maskHeight = $(document).height(); var maskWidth = $(window).width(); … // Get the window height and width var winH = $(window).height(); var winW = $(window).width(); $(document).height();什么区别$(document).height(); 和$(window).height(); ？

jQuery：在子窗口上接收文档ready（）

我正在尝试在我打开的子窗口已加载并准备好其文档时收到通知。 这似乎不起作用： win = window.open(href, ‘test’, ‘width=300, height=400’); win.focus(); $(win.document).ready(function() { // Ok, the function will reach here but if I try to manipulate the // DOM it doesn’t work unless I use breakpoints $(this).contents().find(“…”).doStuff(); // nothing happens }); 我需要做什么？

在多个浏览器Windows /选项卡中打开链接

我需要单击多个链接（选择它们），然后单击一个按钮，打开新窗口或选项卡中的所有选定链接。 这当然取决于浏览器的行为。 我的计划是使用Javascript将选定的链接添加到数组，然后在单击提交按钮时，javascript将运行数组并为每个项目打开一个新窗口。 我可能会在jQuery中这样做。 有没有人做过类似的事情？ 还有替代品吗？

jQuery – 创建一个16：9宽高比的元素

我实际上正在制作一个图像库，其中包含我制作的一些video的缩略图。 为此，我通过以下代码计算画廊的内容。 $(function() { $(window).resize(function() { var width = $(this).width() – 200; $(“#gallery”).css(“width”, width); }).resize();}); 现在每个图像的宽高比应为16：9。 因此，我必须划分画廊宽度16的宽度并将此值乘以9.似乎没有那么难但实际上我被卡住了。 希望有人可以帮助我，谢谢！

动态容器高度（jQuery）

我有一个固定高度（180px）的标题和固定高度的页脚（50px）。 我希望容器高度为：窗口高度MINUS标题MINUS页脚。 我如何使用jQuery实现这一目标？ 编辑添加：如果在窗口resize时更新容器高度，那就太棒了！