CSS样式表中的jQuery

Question

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

我正在尝试此论坛帖子中的代码：页面之间的淡入淡出– CSS技巧

根据评论编辑问题

因此，我现在知道我无法将JavaScript放入CSS文件中。 放置适用于站点中所有页面的JavaScript代码的最佳方法是什么？ 我想编写此过渡代码，然后不必将其编写/编辑到每个页面中。

Answer 1

将JavaScript保存在扩展名为.js的文件中，例如main.js 然后提供一个公共URL，就像通过URL访问CSS文件一样。 示例网址： http : //example.com/js/main.js 。 您可以将其放在服务器上public_html文件夹中的js文件夹中，具体取决于服务器。

然后，在每个页面HTML的结尾附近</body>上方，添加以下HTML标签：

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

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

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

Answer 2

你需要做一个$.fadeout上window.beforeunload事件，再见

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

CSS样式表中的jQuery

问题描述

根据评论编辑问题

2 个解决方案

解决方案1
1 已采纳 2013-07-29 18:58:15

解决方案2
0 2013-07-29 18:53:26

CSS样式表中的jQuery

问题描述

根据评论编辑问题

2 个解决方案

解决方案1 1 已采纳 2013-07-29 18:58:15

解决方案2 0 2013-07-29 18:53:26

解决方案1
1 已采纳 2013-07-29 18:58:15

解决方案2
0 2013-07-29 18:53:26