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

玩技站长 运维笔记42691字数 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. })

效果图演示如下:

知更鸟主题鼠标悬停位移效果+点击提示代码插图文章源自玩技e族-https://www.playezu.com/19611.html 文章源自玩技e族-https://www.playezu.com/19611.html

 最后更新:2021-11-30
评论  4  访客  3  作者  1
    • 青衫慧博客
      青衫慧博客 4

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

      • 小王先森
        小王先森 0

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

        • 淘淘
          淘淘

          感谢大佬分享。

          • TestWhite
            TestWhite

            可用。

          匿名

          发表评论

          匿名网友
          确定

          拖动滑块以完成验证