美化知更鸟主题鼠标悬停位移效果+点击提示代码

云墨 2018年8月28日网站建设1 607阅读模式

美化知更鸟主题鼠标悬停位移效果+点击提示代码

演示请看本站首页效果

  1. //标题抖动
  2. jQuery(document).ready(function($) {
  3.     $(".list-title a, .entry-title a, .new-title a, .message-widget a, .flexisel-h-title a, .li-icon a").hover(function() {
  4.         $(this).stop().animate({
  5.             //.list-title a, 改成你标题的样式名称,可以应用多个链接,用英文逗号隔开
  6.             "marginLeft""15px"
  7.         }, 300)
  8.     }, function() {
  9.         $(this).stop().animate({
  10.             "marginLeft""0px"
  11.         }, 300)
  12.     });
  13.     $(".list-title a, .entry-title a, .new-title a, .message-widget a, .flexisel-h-title a, .li-icon a").click(function() {
  14.         myloadoriginal = this.text;
  15.         $(this).text("客官请骚等,正在努力加载中 …");
  16.         //点击后的链接会替换成如上文字,可自由修改。
  17.         var myload = this;
  18.         setTimeout(function() {
  19.             $(myload).text(myloadoriginal)
  20.         }, 2011)
  21.     })
  22. });

将以上代码添加到主题的 js/script.js 文件中。

1. 如有链接无法下载、失效或广告,请联系QQ:181289218 处理!
2. 本站的所有资源为购买、网络收集,或者用户投稿的资源,版权归原作者及网站所有!
3. 如若侵犯了您的权利,请及时联系站长删除!
4. 本站提供的资源,都不包含技术服务请大家谅解!
5. 此软件“仅限学习交流,不能用于商业用途”!
6. 如用于商业用途,请到官方购买正版软件,追究法律责任与“云墨SEO”站点无关!
  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 站长技术资源群
  • QQ群:431710796
  • weinxin
云墨
  • 本文由 发表于 2018年8月28日
  • 转载请务必保留本文链接:https://www.yunmoseo.com/1362.html
匿名

发表评论

匿名网友

    • 青山
      青山

      原文:https://www.huhexian.com/1102.html