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

玩技站长
玩技站长
管理员, Keymaster
11274
文章
1
粉丝
运维笔记42711字数 153阅读0分30秒阅读模式

打开知更鸟主题:找到路径/js/script.js ,在最后面添加如下代码即可。

  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. $(".list-title a, .entry-title a, .new-title a, .message-widget a, .flexisel-h-title a, .li-icon a").click(function() {
  13. myloadoriginal = this.text;
  14. $(this).text("客官请稍等,玩技正在努力加载中 …");
  15. //点击后的链接会替换成如上文字,可自由修改。
  16. var myload = this;
  17. setTimeout(function() {
  18. $(myload).text(myloadoriginal)
  19. }, 2011)
  20. })

效果图演示如下:

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

原创声明:本文章为原创内容,所有文章均由博主亲自撰写,严格遵循原创原则。我们承诺不使用任何人工智能生成的内容,所发布的每一篇文章都经过深思熟虑,旨在为读者提供真实、有价值的观点和信息。我们坚信原创才是知识分享的根本,致力于为广大读者呈现最具真实性和独特性的文章。感谢您的支持与关注,欢迎持续关注我们的原创内容。

玩技站长微信
发送[PLAYEZU]入群
weinxin
rainbow-shownow
微信号已复制
玩技官方公众号
官方微信公众号
weinxin
PLAYEZU
公众号已复制
 最后更新:2021-11-30
评论  4  访客  3  作者  1
    • 青衫慧博客
      青衫慧博客 4

      JS特效多了,网站打开速度也会因此过慢。感觉还是少点特效比较好。 :mrgreen:

      • 小王先森
        小王先森 0

        这个不错,我拿去了,谢谢!

        • 淘淘
          淘淘

          感谢大佬分享。

          • TestWhite
            TestWhite

            可用。

          匿名

          发表评论

          匿名网友
          :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:
          确定

          拖动滑块以完成验证