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

2018年8月8日11:13:42 评论 3,309 841字阅读2分48秒

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

演示请看本站首页效果

 

  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 文件中。

文章来源:胡和先博客  https://www.huhexian.com/1102.html

weinxin
星光博客 站长语录
星光博客,欢迎各位来访!这是我的QQ,扫一扫,加好友。大家一起交流博客建站技术,分享前沿资讯!
  • 版权声明: 发表于 2018年8月8日11:13:42
  • 转载注明:https://www.xgboke.com/1207.html
知更鸟主题添加设置导航菜单方法 WordPress

知更鸟主题添加设置导航菜单方法

主题支持四个菜单(主要菜单、顶部菜单、移动端菜单和移动端页脚菜单),菜单操作使用方法: 进入WP后台→外观→菜单,点击创建新菜单。 首先输入一个菜单名称,并保存菜单。 菜单支持添加单篇文章、分类、标签...
知更鸟主题文章底部添加个性图标和分类目录 WordPress

知更鸟主题文章底部添加个性图标和分类目录

星光自己也摸索过文章显示当前分类目录的方法,虽然也是成功了,但是不怎么美丽,离我的要求还有一点点的距离,没有达到完美化。在与“简单生活”博客友联过程中看到他的网站显示的效果正是我想要的,随与博主联系获...
知更鸟主题回复邮件通知功能失效修复方法 WordPress

知更鸟主题回复邮件通知功能失效修复方法

星光最近使用了知更鸟主题的最新版本,主题变化挺大的,越来越好,在这里要感谢“鸟哥”的辛勤付出,开发出了这么优秀的WordPress主题!自从更新主题后,博客也有不少网友过来捧场留言,星光也在第一时间回...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: