老东西了, 利用 javascript 实现 blogbus 的前台文章数统计

posted this at 19:33:04
这个 js 我自己用了满久了, 恰好 nongxue 朋友留言说需要这个效果, 就发出来了

其实也没啥技术含量的, 只是利用 javascript 把各个分类后面的数字进行一下累加, 把得到的总数显示出来而已

研究一下就能发现不复杂 :)

 

window.onload 太慢, 不够完美

posted this at 20:24:55
很多时候, 我们为了实现一些效果或者对一些特定的对象进行控制、操作, 需要用到 javascript.

比如我想给页面内所有的链接加上 hidefocus 属性, 使得当用户点击任何一个链接时, 都不会出现虚线框. 为了实现这个效果, 必须等待网页加载完毕后再来进行相关操作, 这样就不会有任何一个链接被落下.

如果将实现这个效果的 js 放在 head 区域, 那等于白搭. 因为在 head 区域, js 是不能直接起作用的, 需要处理的对象, 根本都还没有加载, 如果 js 在这会儿就执行了, 便会出现找不到对象的错误.

那么如何避免这种错误? 我们怎么知道候需要的对象加载完毕了?

 

javascript 实现图像根据父节点宽度自动等比例缩放的改进

posted this at 01:56:01
之前用 bus 的旧版系统的时候曾自己东拼西凑弄了一个 js 用来实现该功能(js实现的图片自适应父标签宽度)

本来这次在我新的 blog 主题中也是直接搬过来就用的,但是发现在 FF、Safari 下偶尔会失效,图片还是会原大小显示,于是就打算修正和改进一下,并且弄成可以指定对象(getElementById)的形式,从而方便使用

 

Safari 中 cookies 的操作真奇怪,还得用到 encodeURIComponent

posted this at 22:58:32
新的 blog theme 使用了一个我个人觉得不错的用户体验加强,基于 javascript、cookies 实现

具体效果正如我在这篇日志中写到的:

“记住用户最后访问过的上一页面,这个功能可以使得用户在查看完当前日志后不至于总是得返回到 blog 的首页。为什么加入这个功能?想象一下,一个 blog 里日志数量很多,我们假设有 20 个 pages,当你翻到 page xx 查看较早前的日志时,你在看完日志之后却只有返回首页的选...

 

js实现的图片自适应父标签宽度

posted this at 23:55:18
利用js解决了文章内插入大图片时无法自适应父标签宽度的问题

blogbus虽然默认也带有类似的js,可惜只是单纯的截取多出的宽度,被截了宽度的图片的高度居然都不会随宽度变化而变化

索性研究了一下,搞定!虽然是个小问题,但是自己搞定就是感觉不一样,满爽

贴几张大图纪念一下,单击图片即可查看缩放之前的size


这是之前大家看过了的夏亚chinajoy游记中拍摄过的MM,不过显然腾讯记者拍的好些啊~~...

 

共1页 1