很多朋友应该都会发现在我的博客里移动和点击标题都有一些动态效果右移的效果请移步上次写的文章《分享本站标题链接平滑右移效果》今天写的是点击之后的那个动态loading的效果两种的效果到主页点击标题就可以看见啦 首先第一步要让网页加载jQuery库文件不过现在基本上没有什么站没用到jQuery了所以第一步可以省略 但如果没有添加的话可以在</head>标签前加入以下代码 - <scripttype="text/javascript"src="
- /files/jqueryminjs"></script>
第二步就是将下面这个代码粘贴到网站中加载的其中一个JS文件里刷新一下效果就出来了 - /**/
- /*为文章标题链接添加动态载入效果
- /**/
- $(function(){
- $(entrytitlea)click(function(e){
- epreventDefault();
- varhtm=Loading
- i=
- t=$(this)html(htm)unbind(click);(functionct(){
- i<?(i=thtml(htm)ct()):(t[]innerHTML+=
- isetTimeout(ct))
- })();
- windowlocation=thishref
- })
- });
代码说明 $(entrytitlea)单引号内要改成你自己的标题或者其他链接的CSS样式名称切记! varhtm=Loading单引号内可以改成你想设置的文字 setTimeout(ct)) 是动态的时间按需修改 当然高手可以根据这个来修改更多的样式 原创链接 |