熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

為文章標題鏈接添加動態載入效果

2013-11-15 11:53:52  來源: JSP教程 

  為文章標題鏈接添加動態載入效果

  很多朋友應該都會發現在我的博客裡移動和點擊標題都有一些動態效果右移的效果請移步上次寫的文章《分享本站標題鏈接平滑右移效果》今天寫的是點擊之後的那個動態loading的效果兩種的效果到主頁點擊標題就可以看見啦

  首先第一步要讓網頁加載jQuery庫文件不過現在基本上沒有什麼站沒用到jQuery了所以第一步可以省略

  但如果沒有添加的話可以在</head>標簽前加入以下代碼

 
  1. <script type="text/javascript" src=" 
  2. /files/jqueryminjs"></script>  

  第二步就是將下面這個代碼粘貼到網站中加載的其中一個JS文件裡刷新一下效果就出來了

 
  1. /**/  
  2. /*  為文章標題鏈接添加動態載入效果
  3. /**/  
  4.   
  5. $(function() {   
  6.     $(entrytitle a)click(function(e) {   
  7.         epreventDefault();   
  8.         var htm = Loading   
  9.         i =    
  10.         t = $(this)html(htm)unbind(click); (function ct() {   
  11.             i <  ? (i =  thtml(htm) ct()) : (t[]innerHTML +=     
  12. i setTimeout(ct ))   
  13.         })();   
  14.         windowlocation = thishref   
  15.     })   
  16. });  

  代碼說明

  $(entrytitle a)單引號內要改成你自己的標題或者其他鏈接的CSS樣式名稱切記!

  var htm = Loading單引號內可以改成你想設置的文字

  setTimeout(ct ))   是動態的時間按需修改

  當然高手可以根據這個來修改更多的樣式

  

  原創鏈接


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19846.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.