知识大全 为文章标题链接添加动态载入效果
Posted 标题
篇首语:关山初度尘未洗,策马扬鞭再奋蹄!本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 为文章标题链接添加动态载入效果相关的知识,希望对你有一定的参考价值。
很多朋友应该都会发现 在我的博客里移动和点击标题都有一些动态效果 右移的效果请移步上次写的文章《分享本站标题链接平滑右移效果》 今天写的是点击之后的那个动态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 )) 是动态的时间 按需修改
当然 高手可以根据这个来修改更多的样式
cha138/Article/program/Java/JSP/201311/19846
相关参考
实现JAVA的动态类载入机制 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 作为充分利用Java
这篇文章介绍了js动态给table添加/删除tr的方法有需要的朋友可以参考一下 复制代码代码如下: <!DOCTYPEHTMLPUBLIC"//WC//DTDHTMLTran
为Windows窗口标题栏添加新按钮 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 对于我们熟悉
ASP.NET动态设置页面标题 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! ASPNET为我们
在VC中链接动态链接库的方法简要说明 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!方法一windo
DELPHI基础教程:动态链接库编程(一)[4] 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!
DELPHI基础教程:动态链接库编程(一)[3] 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!
DELPHI基础教程:动态链接库编程(一)[2] 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!
DELPHI基础教程:动态链接库编程(一)[1] 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!
DELPHI基础教程:动态链接库编程(二)[3] 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!