闲得蛋疼
某ss说通过观察我的博客发现我木有以前可爱了,某pp说大男人一个要可爱干嘛使。
对于这个问题,我纠结了,我迷茫了,我凌乱了,我闲得蛋疼了。
昨天梦见初中班主任把我绑教室里教育了一宿,告诉我做人要走正道,不能搞歪门邪道。醒过来我想了好久,我干啥坏事了得劳烦您老人家托个梦来指点我,继续纠结,继续迷茫,继续凌乱。
某pp说我看的书她有生之年都不会看,豆瓣上应该有这么个按钮才好。我想了想,还真可以有。
把下面这个链接添加到收藏夹(注意,是添加到收藏夹,不是让你点,点了神马都不会发生。。。)
然后去豆瓣读书看任意一本书吧,比如这个《编程人生》,然后点击刚才收藏的那个网址,然后,然后你就可以看见那个蛋疼的按钮了。。。
当然我是很负责任的,你点击这个按钮的话可以玩到一个网页版的植物大战僵尸。话说,这个世界上任何程序都是可以用js实现的。。。
我窃以为,这个喷菇叫这个名字灰常的贴切。
最近跟阿泡合作了一首歌,歌词保密。
统一按钮样式在IE8下的大小
众所周知IE6是个杯具,一直以为IE8还算比较标准,今天突然发现,按钮在IE8里面要比其它的浏览器大很多。
解决办法有二
1. 给所有按钮添加width和height样式,这样显然不好,不适合自适应大小的按钮
2. 在head中添加
<meta http-equiv="x-ua-compatible" content="ie=7" />
强制使用IE7兼容模式来解释页面,好吧,既然这样为神马还要存在IE8这个玩意呢。。。
jquery回到顶部插件
想做一个类似新浪微博的回到顶部的效果,网上有好多,可是都不合我意,我只想要一个功能最简单的,当我的滚动条滚动到一定距离,出现一个按钮,点击以后能滑动到页面顶部,然后按钮消失。
于是参考收集的几个插件,自己写了一个
像这个样子使用:
var options = {
pageWidth:950,//附着容器宽度
pageWGap:10,//按钮和容器的距离
pageHGap:30,//按钮和页面底部的距离
startline:100,//出现按钮时的滚动条滚动的距离
duration:200,//回到顶部的速度时间ms
showBtntime:100//显示\隐藏回到顶部按钮的速度时间
}
$('<a href="javascript:void(0);" class="go-top">').appendTo('body').goToTop(options);
// $('<img alt="回到顶部" src="image/up.gif"/>').appendTo('body').goToTop(options);
这里的按钮可以使用链接或者图片,如果是链接的话一个参考的样式如下
.go-top{
padding:4px 2px;
background:#d8effd;
width:1.5em;
line-height:14px;
text-align:center;
display:block;
-moz-border-radius:0 3px 3px 0;
border-radius:0 3px 3px 0;
text-decoration:none;
}
.go-top:hover{
color:#ff0655;
}
如果你已经看到这里了,此时页面右下角应该已经出现这个按钮了,点一下试试吧。
另外,Chrome更新到10.0.603.3以后突然发现Syntaxhilighter失效了,汗,莫非传说中的新V8引擎不给力了。。。
ROBI前端优化法则
从岁月如歌那里偷到一张ROBI优化法则的图,大概能当做手册来用,很好,很适合我这种性能偏执狂






