每次点击指向其他页面的链接时，我都在努力使我的网站淡入淡出。我需要使用jQuery来做到这一点。我是否需要在每个页面上放置jQuery代码，还是可以将jQuery写入CSS样式表？如果是这样，我如何格式化CSS样式表以接受jQuery？
我正在试验此论坛帖子中的代码：Fade Out between pages – CSS-Tricks
所以，我现在知道我不能把JavaScript放在CSS文件中。将JavaScript代码应用于网站中所有页面的最佳方法是什么？我想编写这个转换代码，然后不必在每个页面中编写/编辑它。
答案 0 :(得分：1)
将JavaScript保存在扩展名为.js的文件中，例如main.js。然后给它一个公共URL，类似于可以从URL访问CSS文件。示例网址：http://example.com/js/main.js。您可以将它放在服务器上js文件夹中的public_html文件夹中，这取决于您的服务器。
然后，在每个页面的HTML末尾，</body>正上方，添加此HTML标记：
<script src="/js/main.js"></script>
具有src属性的script tag会在给定的网址上加载JavaScript，然后立即运行。
我建议将它放在<body>元素的末尾而不是<head>内，因为脚本会阻止页面的其余部分在脚本运行时加载并显示给用户。如果您只在页面的最末端运行脚本，则页面已经加载，用户可以看到它的所有内容。
答案 1 :(得分：0)
您需要在$.fadeout事件上执行window.beforeunload，再见
PD：在js文件中，而不是在样式表中，你不能在样式表中使用JS。再见。