wordpress给文章标题链接添加正在给力加载提示

本文记录的内容可结合 wordpress站内标题链接实现鼠标经过平滑右移效果  一起使用效果更佳。

同样此特效还是需要加载jQuery库,方法参照 wordpress站内标题链接实现鼠标经过平滑右移效果 一文。

再把下面这段代码同样加到</head>标签前

  1. <script type=“text/javascript”>
  2. $(document).ready(function() {
  3. $(‘h2 a’).click(function(){
  4. myloadoriginal = this.text;
  5. $(this).text(‘正在给力加载中 …’);
  6. var myload = this;
  7. setTimeout(function() { $(myload).text(myloadoriginal); }, 2011);
  8. });
  9. });
  10. </script>

这里提示下其中”h2 a”是主题文章标题的标签选择器,可根据具体主题模板进行修改,如果改为:“a”,可实现全部链接都添加这一特效。后面的数字2011是这一特效的显示时间(毫秒),可酌情修改。(本方法参照于鸟哥)

20150806002857

然而本站则采用js代码如下来的快,一部到位。

 /*————————————————-*/
/*  为文章标题链接添加动态加载效果
/*————————————————-*/
$(document).ready(function(){
$(‘.entry-title a’).click(function(){
//同上,注意修改.entry-title a为你自己的样式
$(this).text(‘正在给力加载中…’);
//加载中文本提示,可修改为你喜欢的,如Loading…
window.location = $(this).attr(‘href’);
});
});

注意要点:1.主题是否有引用jQuery库,如果没有可参照wordpress站内标题链接实现鼠标经过平滑右移效果 

如果已加载,可将如上代码添加至主题 jquery.min.js文件最底部后上传至空间刷新就好了。

版权免责声明

① 本站VIP源码资源永久免费下载 www.wayu.cn
② 本网站资源来源于网络收集,如有侵权,请联系站长进行删除处理。
③ 分享目的仅供大家学习和交流,请不要用于商业用途,否则后果自负。
④ 如果你有源码需要出售,可以联系小编,或者点击 投稿
⑤ 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解。
⑥ 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需。
⑦ 在您的能力范围内,为了大环境的良性发展,请尽可能的选择正版资源。
⑧ 网站资源不做任何二次加密和授权后门(原版加密除外)

评论0

请先

没有账号? 忘记密码?