您现在的位置是:首页
>
有特色的文章标题 为文章标题链接添加动态载入效果
为文章标题链接添加动态载入效果 很多朋友应该都会发现 在我的博客里移动和点击标题都有一些动态效果 右移的效果请移步上次写的文章《分享本站标题链接平滑右移效果》 今天写的是点击之后的那个动态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
很赞哦! (1039)