全球主机交流论坛

标题: 问问博客的问题 [打印本页]

作者: Wine 时间: 2018-11-30 21:24
标题: 问问博客的问题
本帖最后由 Wine 于 2018-11-30 22:34 编辑

举个栗子:
博客添加鼠标点击特效(比如富强**文明和谐)，是在博客主题的footer.php文件地方添加相关js代码。如果我要去添加其他美化js。就要去其他文件的某个地方添加相关代码。
问下各位大佬，有没有什么办法，比如把所有美化的js代码放在一个JS文件(my.js)，然后去修改footer.php来调用my.js达到同样的效果

作者: 贵宾 时间: 2018-11-30 22:06
提示: 作者被禁止或删除内容自动屏蔽

作者: 胖虎 时间: 2018-11-30 22:17
wp用wp_enqueue_script，其他的直接加在footer里应该就行吧

作者: Wine 时间: 2018-11-30 22:30

贵宾发表于 2018-11-30 22:06
header footer 就是全局调用啊。。。。写在header里不执行其他JS就行了。、

试了下，好像是全局的，那么如果我把美化的js代码放在js文件中,在Header.php中该怎么调用

作者: zhxhwyzh14 时间: 2018-11-30 22:31
我也想加这个特效求教程

作者: Wine 时间: 2018-11-30 22:32

胖虎发表于 2018-11-30 22:17
wp用wp_enqueue_script，其他的直接加在footer里应该就行吧

typecho，那么如果我把美化的js代码放在js文件中,在footer.php中该怎么调用？

作者: Wine 时间: 2018-11-30 22:33

zhxhwyzh14 发表于 2018-11-30 22:31
我也想加这个特效求教程

在footer.php中，于</body>之前添加以下代码
<script type="text/javascript">
/* 鼠标点击特效 */
var a_idx = 0;
jQuery(document).ready(function($) {
$("body").click(function(e) {
var a = new Array("富强", "**", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善");
var $i = $("<span/>").text(a[a_idx]);
      a_idx = (a_idx + 1) % a.length;
var x = e.pageX,
      y = e.pageY;
      $i.css({
"z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
"top": y - 20,
"left": x,
"position": "absolute",
"font-weight": "bold",
"color": "#ff6651"
      });
      $("body").append($i);
      $i.animate({
"top": y - 180,
"opacity": 0
      },
      1500,
function() {
         $i.remove();
      });
});
});
</script>

欢迎光临全球主机交流论坛 (https://hostloc.onozo.cc/)