为文章标题链接添加动态载入效果
本文最后更新于 4290 天前,其中的信息可能已经有所发展或是发生改变。

今天分享的是点击之后的那个动态loading…的效果。两种的效果到主页点击标题就可以看见啦。 首先第一步要让网页加载jQuery库文件,不过现在基本上没有什么站没用到jQuery了,所以第一步可以省略。 但如果没有添加的话,可以在标签前加入以下代码。


第二步就是将下面这个代码粘贴到网站中加载的其中一个JS文件里,刷新一下,效果就出来了。

/*-------------------------------------------------*/
/*  为文章标题链接添加动态载入效果
/*-------------------------------------------------*/
$(function() {
    $('.entry-title a').click(function(e) {
        e.preventDefault();
        var htm = 'Loading',
        i = 4,
        t = $(this).html(htm).unbind('click'); (function ct() {
            i < 0 ? (i = 4, t.html(htm), ct()) : (t[0].innerHTML += '.',
i--, setTimeout(ct, 150))
        })();
        window.location = this.href
    })
});

代码说明: 1、$(‘.entry-title a’):单引号内要改成你自己的标题或者其他链接的CSS样式名称,切记! 2、var htm = ‘Loading’,:单引号内可以改成你想设置的文字。 3、setTimeout(ct, 150)) :150是动态的时间,按需修改。 4、当然,高手可以根据这个来修改更多的样式。 [整理:1udd.com]

文章名称:《为文章标题链接添加动态载入效果》
文章链接:https://www.1udd.com/6450.html
版权声明:本文采用 License 知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
风险声明:本站资源仅供个人学习交流,请于下载后 24 小时内删除,请勿用于商业用途,否则法律问题自行承担!
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇