• 开启全站HTTPS。2017-04-29
  • 本站为非盈利性站点,所得收入全部用于网站服务器及其他费用。2015-10-15
  •    3年前 (2015-11-24)  网站建设 |   抢沙发  9 
    文章评分 0 次,平均分 0.0

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

    其他google的加载缓慢,可以试试其他的jQuery公共库:

    jQuery官网CDN:

    百度CDN:

    支持版本:2.0.3, 2.0.2, 2.0.1, 2.0.0,1.11.1, 1.10.2, 1.10.1, 1.10.0, 1.9.1, 1.9.0, 1.8.3, 1.8.2, 1.8.1, 1.8.0, 1.7.2, 1.7.1, 1.7.0, 1.6.4, 1.6.3, 1.6.2, 1.6.1, 1.6.0, 1.5.2, 1.5.1, 1.5.0, 1.4.4, 1.4.3, 1.4.2, 1.4.1, 1.4.0, 1.3.2, 1.3.1, 1.3.0, 1.2.6, 1.2.3

    微软CDN:

    360CDN:

    给文章标题链接添加loading动态载入效果

     

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

    代码说明:

    1、$(‘.entry-title a’):单引号内要改成你自己的标题或者其他链接的CSS样式名称,切记!

    2、var htm = ‘Loading’,:单引号内可以改成你想设置的文字。

    3、setTimeout(ct, 150)) :150是动态的时间,按需修改。

     

    除特别注明外,本站所有文章均为小浩博客原创,转载请注明出处来自https://www.xhsay.com/title-loading.html

    关于
    小浩博客(www.xhsay.com)是由Tovey建立的个人站点,主要致力于整合并分享各种互联网及网站建设的资源。

    发表评论

    表情 格式

    暂无评论

    切换注册

    登录

    忘记密码 ?

    您也可以使用第三方帐号快捷登录

    切换登录

    注册