0

我正在努力让我的网站在每次单击另一个页面的链接时淡入淡出。我需要使用 jQuery 来做到这一点。我需要将 jQuery 代码放在每个页面上还是可以将 jQuery 写入 CSS 样式表?如果是这样,我如何格式化 CSS 样式表以接受 jQuery?

我正在尝试使用此论坛帖子中的代码:Fade Out between pages – CSS-Tricks

根据评论编辑问题

所以,我现在知道我不能将 JavaScript 放在 CSS 文件中。将适用于网站所有页面的 JavaScript 代码放入其中的最佳方式是什么?我想编写此转换代码,然后不必将其写入/编辑到每个页面中。

4

2 回答 2

1

.js例如,将 JavaScript 保存在带有扩展名的文件中main.js。然后给它一个公共 URL,就像你的 CSS 文件可以从一个 URL 访问一样。示例 URL:http://example.com/js/main.js。您可以通过将其放在服务器上js文件夹中的文件夹中来做到这一点public_html——这取决于您的服务器。

然后,在每个页面的 HTML 末尾附近,就在上面</body>,添加这个 HTML 标记:

<script src="/js/main.js"></script>

带有属性的script标签src将在给定的 URL 处加载 JavaScript,然后立即运行它。

我建议将它放在<body>元素的末尾,而不是放在里面,<head>因为脚本会在脚本运行时阻止页面的其余部分加载和显示给用户。如果您使脚本仅在页面的最后运行,则页面已经加载并且用户可以看到其所有内容。

于 2013-07-29T18:58:15.510 回答
0

你需要$.fadeoutwindow.beforeunload活动上做一个,再见

PD:在 js 文件中,而不是在样式表中,您不能在样式表中使用 JS。再见。

于 2013-07-29T18:53:26.460 回答