Blog近期改动小记

8 views 六月 17, 10 by Timothy

近期对Blog改动较多,不过俺发现对自己Blog还是有许多不太满意的地方,所以又开始折腾了。
1.首先,增加了Blog顶部和尾部快速滚动的功能,大家可以看到在Blog左下角,有一个向上和向下的箭头图标,点击相应的图标,即可实现Blog顶部和尾部的快速滚动了。其实当初是想作成在Blog尾部双击鼠标,就可以快速回到Blog顶部的,后来林木木同学提议这样做会在用户填写评论的时候,不小心双击,有一定的冲突。后来,就做成了左下角的滚动图标。滚动图标的图片,是从网上找来的,滚动图标的CSS实现,是从ZWW同学那里偷师来的,滚动效果,jQuery实现,也是从林木木同学那里偷师来的。
2.将右上角的twitter,facebook,rss三个图标图标和左下角的快速滚动图标,加上了动态效果。默认是半透明的,鼠标悬停后,变为不透明,CSS实现。效果还不错,感觉有用的同学,可以直接参考本Blog的CSS样式表了。
3.第三个改动,也是我感激挺有用的。常常评论的同学,每次都要重复输入用户名、邮箱和网页地址,这是相当繁琐的,为了改善体验,参考了林木木同学的一篇文章。原理是通过PHP获取用户的Cookie,把先前的用户名、邮箱、网页地址统统取出来,默认给填好,并把这三个框给隐藏起来。这样看起来就好像用户已经登录的样子,再也不用重复输入了。这项改动挺实用的,确实能为你的Blog改善不少的用户体验,建议有兴趣的同学都能用上。
4.启用了Google XML Sitemap插件,这个,不用说了,感觉很重要的插件,不过我现在才启用……
5.为文章标题的点击事件,加上了jQuery效果。点击时,显示”页面加载中…”,然后进行跳转,感觉这样变动态了一些。

这次的折腾,就到这里了,尽管是偷师,但是感觉也从中学到了不少,特别是CSS和jQuery。或许以后还会对Blog进行更多的改进,等下次再折腾了。

分享到:

声明: 此Blog中的文章和随笔仅代表作者在某一特定时间内的观点和结论,对其完全的正确不做任何担保或假设
本站文章均采用 知识共享署名-相同方式共享3.0 协议进行授权,除非注明,本站文章均为原创,转载请注明转自 Timothy's Space 并应以链接形式标明本文地址!

你可能也对下列文章感兴趣


12 Responses to "Blog近期改动小记"

  1. 久酷 CHINA Mozilla Firefox Windows 说道:

    前端后端一起折腾,哈哈

  2. 林木木 CHINA Google Chrome Windows 说道:

    有颗不满足的心~~折腾无止尽~

  3. xjb CHINA Google Chrome Windows 说道:

    不知道你做了什么改动,在google reader里无法显示格式了

  4. Ben Mozilla Firefox Windows 说道:

    可以哦,我都好久没有折腾了。
    等这次VPS搞定了后,继续折腾。

  5. lonkil CHINA Google Chrome Windows 说道:

    我的屏幕分辨率,太低了?
    1024*768
    会出现水平滚动条。。。

  6. zwwooooo CHINA Mozilla Firefox Windows 说道:

    很好很不错,互相偷师吧


Leave a Reply

 您已输入0

(Ctrl+Enter)