您现在的位置是:首页 >

有特色的文章标题 为文章标题链接添加动态载入效果

火烧 2022-01-04 23:06:14 1039
为文章标题链接添加动态载入效果     很多朋友应该都会发现 在我的博客里移动和点击标题都有一些动态效果 右移的效果请移步上次写的文章《分享本站标题链接平滑右移效果》 今天写的是点击之后的那个动态lo

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

  

有特色的文章标题 为文章标题链接添加动态载入效果

  很多朋友应该都会发现 在我的博客里移动和点击标题都有一些动态效果 右移的效果请移步上次写的文章《分享本站标题链接平滑右移效果》 今天写的是点击之后的那个动态loading 的效果 两种的效果到主页点击标题就可以看见啦

  首先第一步要让网页加载jQuery库文件 不过现在基本上没有什么站没用到jQuery了 所以第一步可以省略

  但如果没有添加的话 可以在</head>标签前加入以下代码

  <script type="text/javascript" src=" /files/jquery min js"></script>  

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

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

  代码说明

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

   var  =  Loading 单引号内可以改成你想设置的文字

   setTimeout(ct   ))   是动态的时间 按需修改

   当然 高手可以根据这个来修改更多的样式

  

lishixinzhi/Article/program/Java/JSP/201311/19846  
永远跟党走
  • 如果你觉得本站很棒,可以通过扫码支付打赏哦!

    • 微信收款码
    • 支付宝收款码