gpt4 book ai didi

javascript - 如何从 css 样式表中的 content_wrapper 向图像添加 javascript

转载 作者:太空宇宙 更新时间:2023-11-03 18:43:56 27 4
gpt4 key购买 nike

我正在使用 wordpress 创建一个网站 ( http://yic.am ),主题包括背景和“subpage_content_bg”。子页面背景是一个半透明的白色背景,环绕着内容,使其更易于阅读。我希望子页面背景在您向下滚动时变为 position:fixed 而不是 position:absolute ,这样当它到达页面顶部时它会随着页面滚动.

我在实际的帖子或页面中找到了几个页面来描述和演示当主题是图片、评论框或文本时的功能。但是,我似乎找不到关于图片何时是 css 样式表的一部分的描述。

从样式表中提取的子页面如下所示:

#sp .content_wrapper_sbl {
width:940px;
min-height:320px;
margin:-107px auto 0;
padding:45px;
position:relative;
z-index:20;
background:url(../../images/subpage_content_bg.png) 0 0 no-repeat;
}

我应该将函数的 javascript 放在哪里(我正在尝试使用上述链接中的函数)?我希望它适用于所有页面和帖子(封面除外)

如何使子页面图像成为函数的目标?是否可以将 #spcontent_wrapper_sbl 作为目标?

我已经尝试了很多次很多不同的事情 - 但我对网页设计和编码还很陌生。我希望包含所有必要的信息 - 任何帮助将不胜感激。

我正在使用的代码是这样的:http://jsfiddle.net/EahRx/870/

最佳答案

看起来你几乎已经把它钉在了那个 fiddle 上,不是吗?我想这是个人喜好,你想如何安排你的 javascript 文件。就个人而言,我喜欢使用 Google 库加载我的 jQuery...

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>

然后加载您可能正在使用的任何其他插件...

<script src="http://www.mydomain.com/js/jquery.plugin1.js"></script>
<script src="http://www.mydomain.com/js/jquery.plugin2.js"></script>
<script src="http://www.mydomain.com/js/jquery.plugin3.js"></script>

最后我通常构建一个自定义 jQuery 文件并调用它,令人惊讶的是,“jquery.custom.js”...

<script src="http://www.mydomain.com/js/jquery.custom.js"></script>

所以最终的 javascript 包含列表看起来像这样......

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<script src="http://www.mydomain.com/js/jquery.plugin1.js"></script>
<script src="http://www.mydomain.com/js/jquery.plugin2.js"></script>
<script src="http://www.mydomain.com/js/jquery.plugin3.js"></script>
<script src="http://www.mydomain.com/js/jquery.custom.js"></script>

这种方式首先加载 jQuery 库,因为很可能所有其他 javascript 文件都依赖于它。然后加载插件,最后加载您的自定义文件,因为这可能取决于首先加载的一些早期插件 - 例如,您的自定义文件可能想要调整加载到您的一个插件中的幻灯片文件。

如果出于任何原因,您无法编辑模板文件的头部以添加 javascript 包含,您可以像这样将其添加到 HTML 的底部...

<head>
[META INFO & TITLE]
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<script src="http://www.mydomain.com/js/jquery.plugin1.js"></script>
<script src="http://www.mydomain.com/js/jquery.plugin2.js"></script>
<script src="http://www.mydomain.com/js/jquery.plugin3.js"></script>
[CSS AND STUFF]
</head>

<body>
[YOUR WEB PAGE STUFF]
<script src="http://www.mydomain.com/js/jquery.custom.js"></script>
</body>
</html>

希望这可以帮助您指明正确的方向。哦,记得将旧的“文档就绪”gubbins 添加到 jquery.custom.js 文件中......

$(document).ready(function(){
[YOUR JQUERY HERE]
});

关于javascript - 如何从 css 样式表中的 content_wrapper 向图像添加 javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16854137/

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