zblog回顶部和评论滚动效果-温州SEO技术博客
var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-20626191-1']); _gaq.push(['_trackPageview']);(function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNodeinsertBefore(ga, s); })();
温州SEO
温州企业网站建设
温州SEO建站
温州SEO基础
温州SEO工具
温州SEM营销
温州SEO杂记
当前位置：温州SEO >>温州SEO建站 > 正文
zblog回顶部和评论滚动效果
看到好多博客都有回顶部和评论滚动的效果，今天终于忍不住给本SEO博客加一个，效果见本文，别看这个小小的特效，但能很好的优化用户体验，特别是文章很长时，访客看完后只需点一下“回顶部”即可轻松回到网站顶部。方法是我在网上搜到的，安装过插件不能实现，只好通过代码实现回顶部和评论滚动效果，本文结合本博目前所使用的心诺Sean_Cms主题来修改，如果你使用的本主题只需套用就行，其他主题根据提示修改相应的位置像素即可。修改前请下载这两个小图片，http://www.167h.com../../upload/return_top.gif 和 http://www.167h.com../../upload/comment.gif 将这两个小图片return_top.gif和 comment.gif上传到upload目录下，图片也可以自己PS哦！zblog回顶部和评论滚动效果修改方法如下：打开THEMES/Sean_Cms/SCRIPT/ 找到Sean_script.js文件，使用Dreamweaver打开，在代码最下面加入以下代码：lastScrollY=0;function heartBeat(){var diffY;if (document.documentElement && document.documentElement.scrollTop)diffY = document.documentElement.scrollTop;else if (document.body)diffY = document.body.scrollTopelse{/*Netscape stuff*/}percent=.1*(diffY-lastScrollY);if(percent>0)percent=Math.ceil(percent);else percent=Math.floor(percent);document.getElementById("full").style.top=parseInt(document.getElementById("full").style.top)+percent+"px";lastScrollY=lastScrollY+percent;/*if(diffY == 0){document.getElementById("full").style.display = "none"}else{document.getElementById("full").style.display = "block"}}*/if(diffY > 500){document.getElementById("full").style.display = "block"}else{ document.getElementById("full").style.display = "none"}}suspendcode="<div id=\"full\" style='display:none; width:15px; height:57px; POSITION:absolute; left:50%; top:460px; margin-left:190px; z-index:100; text-align:center;'><a href='#'><img src='../../upload/return_top.gif' border=0 /></a><br><br><a href='#posttop'><img src='../../upload/comment.gif' border=0 /></a></div>"document.write(suspendcode);window.setInterval("heartBeat()",1);function switchImage(imageId, imageUrl, linkId, linkUrl, preview, title, alt) { if(imageId && imageUrl) { var image = $(imageId); image.src = imageUrl; if(title) { image.title = title; } if(alt) { image.alt = alt; } } if(linkId && linkUrl) { var link = $(linkId); link.href = linkUrl; }}//Tabsfunction setTab(name,cursel,n){for(i=1;i<=n;i++){var menu=document.getElementById(name+i);var con=document.getElementById("con"+name+i);menu.className=i==cursel?"current":"";con.style.display=i==cursel?"block":"none";}}保存后不需重建文件即可实现效果。红红加粗部分是修改滚动图片上下左右的位置，根据自己的实际修改即可。Z-BLOG相关文章 ：zblog评论修改加锚文本方法
本文链接：http://www.167h.com/jz/201104/79.html
发布：温州网站优化 ┊ 已有: strBatchCount+="spn79=79," 人围观 | 发表时间：2011-4-12
好文章要分享：
大家正在看：
zblog评论修改加锚文本方法温州SEO：ZBLOG-修改留言内容心诺Sean_Cms主题模板的seo优化zblog程序301永久重定向的方法网站图标favicon.ico-美化提升你的网站如何制作网站favicon.ico图标Z-Blog文章评级插件sean_digg,导致广告跑位原因Sean_Cms模板修改方法!在哪里改?
【 已经有(13)位网友发表了评论，你也评一评吧！点我写评语！】
13 # 2011-4-17 22:28:37 【回复该留言】
怪 我也用的心诺Sean_Cms的模板,但在THEMES/Sean_Cms/TEMPLATE/下没有Sean_script.js这个文件!温州SEO 于 2011-4-17 22:58:11 回复不好意思 ，写错了，应该是在THEMES/Sean_Cms/SCRIPT/下,已更正
12 # 2011-4-13 8:59:20 【回复该留言】
我用wordpress,纯支持哦。
11 # 2011-4-13 8:20:26 【回复该留言】
我也来看看
10 # 2011-4-13 8:18:58 【回复该留言】
俺的博客还没有这个功能，先收藏以后再修改，谢谢分享
9 # 2011-4-12 23:52:44 【回复该留言】
博主的域名很吸引人 呵呵 少个H就更加完美了.来支持下温州SEO 于 2011-4-13 0:49:22 回复少个H那可是天价了
8 # 2011-4-12 23:25:12 【回复该留言】
是挺不错的，呵呵。我前几天也加好啦
7 # 2011-4-12 23:09:36 【回复该留言】
这么多代码呀！看得头都大了，呵呵。温州SEO 于 2011-4-12 23:43:32 回复做站怕代码？不必全懂，会复制总就行
6 # 2011-4-12 22:19:38 【回复该留言】
我的是原版的吧，没有动过，也不会搞
5 # 2011-4-12 22:06:45 【回复该留言】
我用的是wordpress 还是支持了
4 # 2011-4-12 19:25:14 【回复该留言】
这个还没试过呢
3 # 2011-4-12 12:07:42 【回复该留言】
好的东西要大家一起分享。
2 # 2011-4-12 11:27:49 【回复该留言】
我来留下脚印。
1 # 2011-4-12 10:56:21 【回复该留言】
我的也有，不过是找别人做的，哈哈
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。