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

宜家网
宜家网
宜家网
773
文章
57
评论
2019年3月14日09:45:32 5

美化知更鸟主题鼠标悬停位移效果+点击提示代码(客官请骚等...

演示请看本站首页效果(任何主题都可以用适当修改css即可)

代码一适用于知更鸟旧版主题

  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 文件中。.
wordpress美化知更鸟主题鼠标悬停位移效果+点击提示代码(更新)

代码二,适用于新版主题部分css修改

此处为隐藏的内容!
发表评论并刷新,方可查看
继续阅读
宜家网
  • 本文由 发表于 2019年3月14日09:45:32
  • 转载请务必保留本文链接:https://www.yjro.com/21498.html
wordpress的Canvas实现进度环返回顶部按钮 wp美化

wordpress的Canvas实现进度环返回顶部按钮

今天在一个网站上扒下了一个进度环返回顶部的按钮,感觉很有意思,比知更鸟自带的高大上的多,所以分享出来。 图片: 1.js代码 将以下代码保存到jindu.php文件中,然后上传到主题的js文件夹中: ...
为WordPress主题添加”网页加载中”特效 wp美化

为WordPress主题添加”网页加载中”特效

为了加强浏览者的体验,不在等待页面加载时感到枯燥,从而关闭网页,很多网站都会制作一个“网页正在加载中”的提示效果或显示加载进程,加载完成后提示消失,大部分都应用在网站的首页,今天我教大家把这一特效添加...
知更鸟主题给评论头像添加旋转变圆特效 wp美化

知更鸟主题给评论头像添加旋转变圆特效

知更鸟主题原来的特效在鼠标经过的时候是并不会变成圆的,也没有如图显示的绿色阴影效果。 在原来的基础如你所见,是在Style.css文件添加了以下几行代码实现的。 第一步,首先在Style.css中添加...
匿名

发表评论

匿名网友 填写信息

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

评论:5   其中:访客  5   博主  0
    • 必应比价网 必应比价网 3

      支持一下

      • 56748564856 56748564856 1

        66666666666666666666支持一下

        • 56748564856 56748564856 1

          支持一下

          • 玩命蜗牛 玩命蜗牛 1

            正好需要 非常感谢

            • 玩命蜗牛 玩命蜗牛 1

              支持一下