知识大全 为文章标题链接添加动态载入效果

Posted 标题

篇首语:关山初度尘未洗,策马扬鞭再奋蹄!本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 为文章标题链接添加动态载入效果相关的知识,希望对你有一定的参考价值。

  

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

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

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

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

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

 
  1. /* */  
  2. /*  为文章标题链接添加动态载入效果
  3. /* */  
  4.   
  5. $(function()    
  6.     $( entry title a ) click(function(e)    
  7.         e preventDefault();   
  8.         var  =  Loading   
  9.         i =    
  10.         t = $(this) () unbind( click ); (function ct()    
  11.             i <   ? (i =   t ()  ct()) : (t[ ] innerHTML +=      
  12. i  setTimeout(ct   ))   
  13.         )();   
  14.         window location = this href   
  15.     )   
  16. );  

  代码说明

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

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

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

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

  

cha138/Article/program/Java/JSP/201311/19846

相关参考

知识大全 实现JAVA的动态类载入机制

实现JAVA的动态类载入机制  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  作为充分利用Java

知识大全 js动态给table添加/删除tr的方法

这篇文章介绍了js动态给table添加/删除tr的方法有需要的朋友可以参考一下 复制代码代码如下: <!DOCTYPEHTMLPUBLIC"//WC//DTDHTMLTran

知识大全 为Windows窗口标题栏添加新按钮

为Windows窗口标题栏添加新按钮  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  对于我们熟悉

知识大全 ASP.NET动态设置页面标题

ASP.NET动态设置页面标题  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  ASPNET为我们

知识大全 在VC中链接动态链接库的方法简要说明

在VC中链接动态链接库的方法简要说明  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!方法一windo

知识大全 动态链接库编程(一)[4]

DELPHI基础教程:动态链接库编程(一)[4]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  

知识大全 动态链接库编程(一)[3]

DELPHI基础教程:动态链接库编程(一)[3]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  

知识大全 动态链接库编程(一)[2]

DELPHI基础教程:动态链接库编程(一)[2]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  

知识大全 动态链接库编程(一)[1]

DELPHI基础教程:动态链接库编程(一)[1]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  

知识大全 动态链接库编程(二)[3]

DELPHI基础教程:动态链接库编程(二)[3]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!