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

  • 4
  • 173 views
  • A+
所属分类:建站技巧

打开知更鸟主题:找到路径/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. });
  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. });

效果图演示如下:

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

  • 我们QQ群
  • QQ扫一扫
  • weinxin
  • 微信公众号
  • 公众号扫一扫
  • weinxin
广告也精彩

发表评论

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

目前评论:4   其中:访客  3   博主  1

    • avatar 青衫慧博客 谷歌浏览器 Windows 10 IANA 保留地址 3

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

      • avatar 小王先森 来自天朝的朋友 谷歌浏览器 Windows 7 中国 移动 0

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

        • avatar 淘淘 来自天朝的朋友 谷歌浏览器 Windows 10 北京市 联通 4

          感谢大佬分享。

          • avatar TestWhite 博主 来自天朝的朋友 谷歌浏览器 Windows 10 北京市 联通

            可用。