揣测google韩国首页动画效果
google韩国的首页前段时间很火
一来是因为google终于进入了韩国市场,二来是因为首页下部几个动画菜单
最关键的是据说只用了这一张图片就实现了动画的效果

于是乎牵扯出关于图片使用效率的话题 http://blog.rexsong.com/?p=746
本人不才,用css加上拙劣的js也写了类似效果
思路是这样的
使用background的postion属性来控制背景的滑动
用js的setTimeout()来创建动画效果
具体效果如下
demo
替换LBS站内搜索为google/baidu引擎
LBS自带的搜索其实做的不错,但由于不是全文检索并存在日文字符溢出的问题,我决定把它换掉。
为了操作方便,准备使用现成的站内搜索引擎代码。还好百度和google都提供有相应的代码。
1.百度的:
- <form action="http://www.baidu.com/baidu" target="_blank">
- <table bgcolor="#FFFFFF"><tr><td>
- <input name=tn type=hidden value=baidu>
- <a href="http://www.baidu.com/"><img src="http://img.baidu.com/img/logo-80px.gif" alt="Baidu" align="bottom" border="0"></a>
- <input type=text name=word size=30>
- <input type="submit" value="百度搜索">
- </td></tr></table>
- </form>
如果你不需要百度的logo的话,可以把
- <a href="http://www.baidu.com/"><img src="http://img.baidu.com/img/logo-80px.gif" alt="Baidu" align="bottom" border="0"></a>
去除
表单的样式也可以自行定义,你可以直接给<form>添加一个id
例如:
- <form action="http://www.baidu.com/baidu" target="_blank" id="searchBar">
然后在你使用的css中,可以对searchBar及其下的元素进行定义,如:
- #searchBar table{background:#f4f4f4;font-size:12px;}
诸如此类。。。
改好之后,把它放在global.asp中合适的位置即可
2.google的
- <!-- Search Google -->
- <center>
- <form method=get action="http://www.google.com/search">
- <table bgcolor="#FFFFFF"><tr><td>
- <a href="http://www.google.com/intl/zh-CN/">
- <img src="http://www.google.com/logos/Logo_40wht.gif"
- border="0" alt="Google" align="absmiddle"></a>
- <input type=text name=q size=31 maxlength=255 value="">
- <input type=hidden name=ie value=GB2312>
- <input type=hidden name=oe value=GB2312>
- <input type=hidden name=hl value=zh-CN>
- <input type=submit name=btnG value="Google 搜索">
- </td></tr></table>
- </form>
- </center>
- <!-- Search Google -->
和百度的一样,放在gloabal.asp里合适的位置就可以了
双语blog,如此简单?
我的blog有了英文版,而完成这一切只花了不到1分钟
不相信,把这段地址复制到浏览器里访问:
http://216.239.39.104/translate_c?hl=en&u=http://taozhe.net/log/
只要在http://216.239.39.104/translate_c?hl=en&u=后面加上你的blog地址就可以了…
哈,不用我多说,你也猜到这个根本就是google的翻译功能嘛~


