博客学堂
首页>>博客代码>>新浪博客代码>> 简单漂亮的google搜索引擎的代码(多款)

简单漂亮的google搜索引擎的代码(多款)

来源:博客学堂  | 添加时间:2007-8-4 18:49:26 | 我要投稿 | 提问

以前讲过几种搜索引擎了,现在google推出新颖漂亮搜索引擎,大家可以看一下哦,方便自己就是方便大家嘛!

1、闪电式

google搜索引擎效果

代码如下:

<FORM action=http://www.google.com/search method=get target=_blank>
<TABLE>
<TBODY>
<TR>
<TD>
<P align=center><A href="http://www.google.com/intl/zh-CN/"><IMG style="WIDTH: 175px; HEIGHT: 60px" alt=Google src="http://s9.album.sina.com.cn/pic/48e0daa102000318" align=absMiddle border=0></A></P>
<P align=center><INPUT style="WIDTH: 90px; HEIGHT: 22px" maxLength=255 size=12 name=q><INPUT style="WIDTH: 80px; HEIGHT: 23px" type=submit size=12 value="Google 搜索" name=btnG></P></TD></TR></TBODY></TABLE></FORM>

2、动物版

google搜索引擎效果

代码如下:

<FORM action=http://www.google.com/search method=get target=_blank>
<TABLE>
<TBODY>
<TR>
<TD>
<P align=center><A href="http://www.google.com/intl/zh-CN/"><IMG style="WIDTH: 175px; HEIGHT: 60px" alt=Google src="http://s8.album.sina.com.cn/pic/48e0daa102000317" align=absMiddle border=0></A></P>
<P align=center><INPUT style="WIDTH: 90px; HEIGHT: 22px" maxLength=255 size=12 name=q><INPUT style="WIDTH: 80px; HEIGHT: 23px" type=submit size=12 value="Google 搜索" name=btnG></P></TD></TR></TBODY></TABLE></FORM>

3、情人节版

google搜索引擎效果

代码如下:

<FORM action=http://www.google.com/search method=get target=_blank>
<TABLE>
<TBODY>
<TR>
<TD>
<P align=center><A href="http://www.google.com/intl/zh-CN/"><IMG style="WIDTH: 175px; HEIGHT: 60px" alt=Google src="http://s11.album.sina.com.cn/pic/48e0daa10200031a" align=absMiddle border=0></A></P>
<P align=center><INPUT style="WIDTH: 90px; HEIGHT: 22px" maxLength=255 size=12 name=q><INPUT style="WIDTH: 80px; HEIGHT: 23px" type=submit size=12 value="Google 搜索" name=btnG></P></TD></TR></TBODY></TABLE></FORM>

4、端午节版

google搜索引擎效果

代码如下:

<FORM action=http://www.google.com/search method=get target=_blank>
<TABLE>
<TBODY>
<TR>
<TD>
<P align=center><A href="http://www.google.com/intl/zh-CN/"><IMG style="WIDTH: 175px; HEIGHT: 60px" alt=Google src="http://s7.album.sina.com.cn/pic/48e0daa102000316" align=absMiddle border=0></A></P>
<P align=center><INPUT style="WIDTH: 90px; HEIGHT: 22px" maxLength=255 size=12 name=q><INPUT style="WIDTH: 80px; HEIGHT: 23px" type=submit size=12 value="Google 搜索" name=btnG></P></TD></TR></TBODY></TABLE></FORM>

5、这个叫什么版呢?额还没有想到哈!

google搜索引擎效果

代码如下:

<FORM action=http://www.google.com/search method=get target=_blank>
<TABLE>
<TBODY>
<TR>
<TD>
<P align=center><A href="http://www.google.com/intl/zh-CN/"><IMG style="WIDTH: 175px; HEIGHT: 60px" alt=Google src="http://s10.album.sina.com.cn/pic/48e0daa102000319" align=absMiddle border=0></A></P>
<P align=center><INPUT style="WIDTH: 90px; HEIGHT: 22px" maxLength=255 size=12 name=q><INPUT style="WIDTH: 80px; HEIGHT: 23px" type=submit size=12 value="Google 搜索" name=btnG></P></TD></TR></TBODY></TABLE></FORM>

6、简洁版

google搜索引擎效果

代码如下:

<DIV>
<LEFT>
<FORM action=http://www.google.com/search method=get>
<TABLE bgColor=#ffffff>
<TBODY>
<TR>
<TD>
<P align=left><A href="http://www.google.com/intl/zh-CN/"><IMG style="WIDTH: 168px; HEIGHT: 56px" height=44 alt=Google src="http://www.google.com/logos/Logo_60wht.gif" width=128 align=absMiddle border=0></A></P><P><INPUT style="WIDTH: 90px; HEIGHT: 22px" maxLength=255 size=12 name=q><INPUT style="WIDTH: 76px; HEIGHT: 23px" type=submit size=13 value="Google 搜索" name=btnG> </P></TD></TR></TBODY></TABLE></FORM></CENTER></DIV>

7、浪漫版

google搜索引擎效果

代码如下:

<P align=left>
<TABLE id=label4549d677050006b9 cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD class=top></TD></TR>
<TR>
<TD class=mid align=middle>
<TABLE class=sysBr180 cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD>
<CENTER>
<FORM action=http://www.google.com/search method=get target=_blank>
<TABLE>
<TBODY>
<TR>
<TD>
<P align=center><A href="http://www.google.com/intl/zh-CN/"><IMG style="WIDTH: 175px; HEIGHT: 60px" alt=Google src="http://s4.album.sina.com.cn/pic/48e0daa102000313" align=absMiddle border=0></A></P>
<P align=center><INPUT style="WIDTH: 90px; HEIGHT: 22px" maxLength=255 size=12 name=q><INPUT style="WIDTH: 80px; HEIGHT: 23px" type=submit size=12 value="Google 搜索" name=btnG></P></TD></TR></TBODY></TABLE></FORM></CENTER>
<DIV></DIV>
<DIV></DIV>
<DIV></DIV>
<STYLE type=text/css>
A { text-decoration: NONE; color: #51bfe0}
A:hover { position: relative; left:1px; top:1px; }
</STYLE>

 

<STYLE type=text/css>
A { text-decoration: NONE; color: #51bfe0}
A:hover { color: #3399FF }
</STYLE>

<STYLE type=text/css>
A { text-decoration: NONE; color: #51bfe0}
A:hover {font-weight: bold }
</STYLE>

<DIV></DIV>
<DIV></DIV>
<DIV></DIV>
<DIV></DIV>
<DIV></DIV>
<DIV></DIV>
<DIV></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

添加方法:

登陆新浪博客-管理博客-自定义设置-首页内容维护-自定义空白面板-进入编辑-新增面板-给面板命名-勾选左下角的显示源代码-然后在<div></div>后面点击两下空格键-粘贴代码-再次勾选显示源代码-然后你就会看到效果了-然后点击保存返回-然后点击返回

返回到管理博客的页面-自定义设置-定制我的首页-添加模块-勾选刚才新建的模版-然后用鼠标调整模块位置-然后点击保存设置!

新手朋友还可以参考新手初级教程

收藏和分享:
打印】【返回顶部】【关闭

我来说两句

用户名: 新注册) 密码: 匿名评论 [所有评论]
评论内容:不能超过250字,请留下您的联系方式,方便我们回复您的留言。

网站地图 - 关于我们 - 版权声明 - 广告服务 - 联系我们 - 诚聘英才 - 帮助中心
Copyright © 2007-2008 www.blog286.com all Right Reserved
博客学堂 版权所有