gpt4 book ai didi

javascript - 拆分和使用源代码(更新)表单不会弹出

转载 作者:太空宇宙 更新时间:2023-11-04 14:31:10 24 4
gpt4 key购买 nike

好吧,我确实一直在尝试获取 fancybox 内联弹出窗口的源代码,但我似乎无法获取它。我将代码完美地组合在一起,但是当我尝试将其保存到我的 site builder 时,我的网页崩溃了。

花式盒子:http://fancyapps.com/fancybox/#examples (我试图在网页底部附近获得“内联 - 自动检测宽度/高度”)

这是我尝试过的:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="/js/fancybox-1.3.4/jquery.fancybox-1.3.4.js"> </script>
<link rel="stylesheet" type="text/css" href="/js/fancybox-1.3.4/jquery.fancybox-1.3.4.css" media="screen" />
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<style>
@media only screen and (max-width: 900px) {
/* change the media content paddings and margins
if the screen's max-width is just 900px
if total width is 900px only..*/
}
</style>
</head>
<body>

<ul>
<li>
<a id="various1" href="#inline1" title="Lorem ipsum dolor sit amet">Inline - auto detect width / height
</a>
</li>
</ul>
</body>
</html>

最佳答案

他们正在使用的,可以通过

  1. 使用媒体查询的 CSS

  2. jQuery,但使用的是最新版本。你用的是旧的!在这里获取最新的:http://www.jquery.com在他们的页脚!

使用 CSS:

你可以使用 CSS,是这样的:

@media only screen and (max-width: 900px) {
/* change the media content paddings and margins
if the screen's max-width is just 900px
if total width is 900px only..*/
}

当您想要更改页脚和其他元素的填充或宽度或其他 css 属性时,您可以将 max-width: 900px 更改为任何其他屏幕尺寸。

如果你想使用 jQuery:

然后你可以使用:

if ($(window).width() < 960) {
$('footer').css('padding', '20px');
}

如果 window.width 小于 960,此代码会将页脚标记的填充更改为 20px!

这就是他们正在使用的。其次,页脚 的实时移动是因为百分比填充可能。因为它会自动移动;那么猜测就是填充百分比。

关于javascript - 拆分和使用源代码(更新)表单不会弹出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19171399/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com