A-A+

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

2015年08月06日 技术分享, 网站建设, 网页设计 暂无评论 阅读 2,479 次

本文记录的内容可结合 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文件最底部后上传至空间刷新就好了。

 

给我留言

icon_question icon_razz icon_sad icon_evil icon_exclaim icon_smile icon_redface icon_biggrin icon_surprised icon_eek icon_confused icon_cool icon_lol icon_mad icon_liuhan icon_rolleyes icon_wink icon_idea icon_arrow icon_neutral icon_cry icon_mrgreen icon_qinqin icon_bizui

×
订阅图标按钮