月度归档：1 月 2008

使用 WAMP5 架设能够安装 Babel 的环境

由 发表于 ┊2,799 PV

本文所述的一切基于系统 Windows XP 进行测试。至于 Babel 的源代码，推荐使用我打包的，包含 Installer（a.k.a. project-rahab) 的版本，你可以在这里找到最新版本：http://code.google.com/p/project-rahab/。示例中的是 r8 版本。

hosts 文件的设置。我们需要欺骗系统，将指定的一个域名解析到 127.0.0.1。
Windows XP 中的位置：C:\WINDOWS\system32\drivers\etc\hosts
Ubuntu 中的位置：/etc/hosts
打开 hosts 文件后，找到如下行的位置：

127.0.0.1 localhost

我们更改为：

127.0.0.1 localhost orz.vx

其中， www.babel.vx 可以更改为你喜爱的域名，例如，orz.com，值得注意的是，设置以后，可能会与现有的 DNS 指向有冲突，例如，你指定域名为 www.google.com，那么，你将无法访问 www.google.com，而是本地的 127.0.0.1。在这里推荐使用不存在的域名，例如，orz.vx。
继续阅读 →

一个网页链接的滑动效果

由 发表于 ┊2,334 PV

基于js和css，作者在其首页提供了DIY的工具。当鼠标经过链接的时候，有一个上下滑动的效果。
http://www.scrollovers.com

可以这样使用这个效果：
1、在网页中加入如下，可以把js下载下来，放到自己的空间里。

1
<script src="http://www.scrollovers.com/js/scrollovers.js" type="text/javascript"></script>

2、将链接形式修改成这样

1
<a href="http://www.hicode.org/wp-admin/[YOUR PAGE HERE]" TYPE="scrollover" class="scrollover">[YOUR TEXT HERE]</a>

3、添加这样的CSS，颜色自己修改。

1
2
3
4
<style>
a.scrollover { /* Default Colour/Styles here */ color: #557AFF; }
a.scrollover em:first-line { /* Rollover Colour/Styles here */ color: #FF5B3C; }
</style>

4、还可以修改js，达到你想要的效果。
scrollovers_ScrollSpeed 是控制速度的
scrollovers_ScrollDownOnMouseOver 是控制上滚还是下滚的
scrollovers_TypeName 如果想所有的链接都滚动，而不需要设置Type attrbiute的话，把这个变量的值改成空字符

收藏自：Hi,Code!

V2EX所用的CSS圆角代码

由 发表于 ┊2,318 PV

不支持IE浏览器，代码如下：

1
2
-moz-border-radius: 7px;
-webkit-border-radius: 7px;

单独控制四个角

1
2
3
4
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;