‘壹’ 请教:yahoo搜索引擎的搜索技巧
具体的技巧请参看:http://help.cn.yahoo.com/property.html?proct=websearch
祝你好运!
如何选择查询词?
选择最能说明您要找的信息的、简要的查询词。
例如:您想知道“在哪里可以看到山东地图?”
可以将“山东地图”做为查询词,因为“山东地图”这两个词比“在”、“哪里”、“可以”这些词更能简要、准确的说明想查找的内容。
试一试:
如何使用高级搜索?
高级搜索可以满足您的特殊搜索需求。您可以在雅虎首页、雅虎搜索首页、和网页搜索结果页中找到高级搜索的入口。
在高级搜索中可以进行以下操作:
1、对出现的搜索结果是否包含查询词、是否完整包含查询词进行设置;
2、对查询词在网页中出现的位置进行设置;
3、选择搜索结果的更新时间;
4、搜索文档格式;
5、选择要搜索的网页语言;
6、站内搜索;
7、链接搜索。
‘贰’ 有N多搜索引擎上都会有英文搜索这是能搜索外国网站的东西的那有哪个搜索引擎上有日本搜索引擎这是
用谷歌或者必应,里面将语言选择为英文,就可以了
Yahoo!(http://www.yahoo.com)
Yahoo!是目前最常用的引擎之一,是Internet引擎的"元老"。
Yahoo!的使用很简单,可以直接输入查找关键字,也可以先选分类主题进行分类查询
,它将返回三种信息:
1. 满足查询条件的Yahoo目录(用户可以利用它们进行交叉引用);
2. 满足条件的实际站点;
3. 更广泛的含有页面索引的Yahoo!目录,是一种更 广泛的交叉引用。
Yahoo!也提供了一些简单的高级查询,其配置选项有:
S搜索的范围:Yahoo(缺省)、Usenet或E-mail Address;
S搜索词之间的关系:OR或AND(缺省);
S可以进行子串搜索,将其设置Substrings或Complete words两种,其中Substrings将
我们输入的词作为一个子串,Complete words表示进行完整的单词搜索,缺省是子串搜索
·控制每页显示的结果数目:10、25(缺省)、50或100。
Yahoo!在高级查询上并不是很完善,但是Yahoo!在其主页的末尾提供了其他引擎如A
ltaVista的超连接,如果用户在Yahoo!查不到所需资料,Yahoo!可以到这些地方去搜索。
从而弥补了Yahoo!的一些缺陷。
2. InfoSeek(http://guide.infoseek.com)
InfoSeek是一个高效的搜索引擎,它的特点是:搜索精度高,查到的节点一般都与用
户的要求相符。其搜索结果按照相关程度依次显示。每一个结果显示该HTML文件的标题
、摘要、大小。
InfoSeek引擎拥有最好的搜索参数的集成,它允许用户在填写查寻要求时可以随心所
欲地不厌其详,而它在后台则施以适当的逻辑组合。这就意味着,用户可以忽略如何使用
搜索引擎,只要集中精力把自己想提的问题写好就行了。
InfoSeek数据库中每一网页的所有文本都被检索,它的搜索具有"事件敏感性"(case
sensitive),即对某些名字进行搜索时,搜索的效率会明显提高。用户输入一个短语后,I
nfoseek会使用与短语最接近的排位方法,提高搜索结果的相关性。
InfoSeek可以提供以下的搜索范围:
SWeb:在整个WWW信息系统内查找;
SNews:在实时新闻中查找;
SCompany:在公司名目中搜索;
SNewsgroups:在新闻组中搜索。
Infoseek的搜索方法包括:
1. 词组(短语)搜索 这时需对词组加上双引号,以示与单个词的区别;
2. 查找同时出现的词 对所要搜索的关键词加上[ ],表示括号内的词在文本中出现
时,其间隔不超过100个词。
3. AltaVista(altavista.digital.com)
AltaVista自1996年12月开始服务以来,引起了世界各地网民的广泛注意,每天都要
接受200万次以上的访问。AltaVista自诩拥有2100多万全文索引的网页,可以称得上是最
大的网络搜索数据库。
相对其他搜索引擎而言,AltaVista的搜索结果总是比其他任何站点的搜索结果内容
更丰富,AltaVista的搜索范围大得惊人,有人说能对网络的天涯海角进行彻底搜索的仅此
一家,就连一些鲜为人知的偏僻站点也能找到。所以,使用AltaVista时,要花更多的时间
在搜索结果里寻找自己想要的信息。不过,如果你的目的就是想找到关于某个主题的站点
,多多益善,那么AltaVista是最好的选择。
根据检索的对象,AltaVista搜索引擎提供三大类信息检索:Web检索和新闻组检索、
商业检索以及人物检索。除公共检索服务外,AltaVista还提供免费E-mail、页面翻译等
相关服务。它的搜索方法分为简单和高级两种。
1. 简单搜索
AltaVista搜索引擎推荐使用的检索方法, 是直接使用自然语言输入检索提问。检索
提问可以是自然语言的单词、词组或短语以及完整的问题。对使用AltaVista的最有用的
建议是, 由于它的索引是基于整个单词的正文的,在描述查找的单词时越精确越好,还要
去掉那些不感兴趣的单词。
2. 高级搜索
高级搜索包含了简单搜索的所有特性,还可以有布尔和接近操作符、括起来的逻辑组
合等。AltaVista支持二元操作符AND、OR、NEAR和一元操作符NOT。
AltaVista的接近操作符(NEAR)很有特色。可以使用NEAR/n,n是两个被搜索词之间的
单词的数目,如:Microsoft NEAR/5 Internet表示在"Microsoft"和"Internet"这两个关
键字之间的单词数目不得超过5个。如果不输入n,表示两个词挨在一起。为了控制挨在一
起的两个词之间的顺序,可以使用 ADJ 操作符,如:Microsoft ADJ Internet,表示Micro
soft 必须在Internet之前。
4. Lycos ( http://www.lycos.com)
Lycos是最老资格的搜索引擎之一,只要能给出准确的搜索结果,Lycos通常能给出最
全面的结果(基本上与AltaVista相同)。 Lycos的搜索范围分的较细,这样可以减少命中
的数量,可选择的项目有:
The Web、Web Site Reviews、Personal Home- pages、Message Boards、Reuters
News、Weather (city)、Cities、Dictionary、Stock (symbol)、Music (artist)、B
ooks、Pictures、Sounds、Downloads、Recipes等。
Lycos不是周期性地更新数据库,而是采用累积的形式构筑数据库。在对新的和原来
存在的数据库进行信息升级时,Lycos软件通过观察其他站点通向某一站点的链接数而评
价这个站点的知名度。然后引擎在每次搜索时都使用这一知名度索引,所以每次搜索结果
的相关性在一定的程度上取决于站点的相对知名度。
Lycos搜索结果的容量非常之大,你如果试图在网上迅速找到某个内容,Lycos不是最
好的选择,如果你需要对网上的内容广进博收,多多益善,Lycos可能会为你找到一些其他
站点找不到的内容。
Lycos在支持逻辑搜索和高级搜索功能方面较弱。
Lycos不提供要求/排除单词的功能, 但可以在一个单词前加一个"-"号,表示在给结
果定等级时,不考虑这个单词。
Lycos的通配符是$符号。如gen$ 表示 genetic、 genesis、general等。它还提供
了英文句号(.)的使用,可以禁止扩展一个单词。如gene.,只能得到gene,而得不到genet
ics和general。
5. Excite(http://www.excite.com)
Netscape在其Navigator浏览器的NetDirectory命令条中选中了Excite作为其中的一
个链接,这使Excite的知名度明显提高。众多的访问大大提高了Excite站点的流通量。
Excite使用的是基于关键词或基于概念的正文和主题搜索。概念搜索是指搜索引擎
不只简单地查找含有要查找的单词的文档,同时还搜索与要查找的概念相关的文档。缺省
的查找是概念查找。Excite既提供网络搜索引擎,又提供以类目形式组织起来的网络目录
(类似于Yahoo的目录索引)。
Excite中要求的单词和排除的单词的使用方法同AltaVista一样,使用+号和-号,Exc
ite支持二元操作符AND、OR 和一元操作符NOT,它也支持用括号来构成逻辑组。
6. Webcrawler(http://www.webcrawler.com)
Webcrawler 是一个杰出的搜索引擎, 它的界面有些像 AltaVista。实际上,它在
高级搜索方面的功能要比AlataVista强。它提供事先分好类的19个主题,实现了基于主题
的搜索。
Webcrawler号称支持"自然语言搜索",所以可以输入像"highest mountain in the
world(世界上最高的山)"这样的查询条件。它抛弃了无意义的词,对其余的词做模糊的A
ND搜索,含有所有的词的页面等级最高, 但也能查到只含一个词的页面,这是那些最佳引
擎的通用策略。
Webcrawler的词组、逻辑和接近操作符的使用类似于AltaVista。Webcrawler不支
持要求/排除的单词的查找,也不支持通配符。
WebCrawler的主要缺点是,它对搜索到的每个条目都不显示文本内容摘要。用户只能
看到网页题目和显示WebCrawler相关性排名的数字。所以,除非网页题目直接描述网页内
容,否则用户只能到这个站点访问,才能得知其网页内容。
在互联网上,中文内容只占约4%,绝大多数是英文内容,所以只有掌握英文搜索才能真正的深入互联网。但是,英文搜索引擎很多,变化也很快,应该用哪个搜索,和怎么搜索呢?今天,我就来介绍几个最有代表性的英文搜索引擎。
Ask (www.ask.com,又名askjeeves)
Ask是一个支持自然提问的搜索引擎,它的数据库里储存了超过1000万个问题的答案,只要你用英文直接输入一个问题,它就会给出问题答案,如果你的问题答案不在它的数据库中,那么它会列出一串跟你的问题类似的问题和含有答案的链接,供你选择。
根据网友们的使用经验,当你遇到一些属于事实型、原理型的问题时,使用Ask是最方便的。例如:“美国历任总统中就任时年纪最轻的是谁?”、“阿富汗的首都叫什么?”、“飞机是哪一年发明的?”、“雪为什么是白的?”、“为什么吃豆子的人爱放屁?”、“恐龙为什么灭绝?”、“后街男孩的网站在哪里?”。你还可以问它各种奇怪的问题,例如:“现在几点了?”、“罗马帝国为什么崩溃?”、“圣诞老人住在哪儿?”,它都会给你答案的。
dmoz(www.dmoz.org,又名ODP)
有的网友不喜欢自己输入英文单词搜索,而是喜欢用鼠标点击分类目录随意浏览,那么我向你推荐dmoz。
dmoz是互联网合作共享精神的结晶,它的4万多名志愿编辑都是各行各业的专业人员,大家走到一起免费制作dmoz,提供给任何个人和组织免费使用。dmoz已经收录了40多万子目录和近300万个网站,是世界上最大的、也是最好的网站分类目录,已经被世界各国400多个网站选做默认搜索引擎。dmoz使用起来非常方便,它提供相关目录使你不容易漏掉其它目录里的的相关内容,它还用一颗小星星推荐各个目录下最好的网站,使初学者不会被太多的网站弄迷途。
另外,任何人都可以申请成为dmoz的搜索引擎编辑,你也可以去申请,尝试一下亲自做搜索引擎编辑的感觉,不过,要被批准可得有点实力才行哦。
Google(www.google.com)
Google是在国外很受欢迎的搜索引擎,界面简洁,以搜索结果的准确性着称,它的网页快照和图片搜索也很有特色。
网页快照就是网页的备份,你在Google搜索的时候,如果发现某条搜索结果点不进去,是死链接,那么只要点击搜索结果旁边的网页快照(Cached),就能看到Google保存的备份网页。
Google还有世界上最大的图片搜索引擎(images.google.com),收集了互联网上3.3亿张图片,如果你想找哪个偶像的照片、想找某个名胜的风景照、想找军事兵器图片、、、只要输入合适的英文单词,很容易找到满意的图片。
search(www.search.com)
search属于元搜索引擎,它收集了800多种专业搜索引擎和数据库,分为商业金融、娱乐、健康医药、新闻媒体、评论、计算机、游戏、国际、寻人、购物、下载、政府、音乐、参考资料、旅行共15个大主题,每个大主题又分许多小主题。
当你进入任何一个主题搜索的时候,它都可以同时搜索这个主题下的多个专业搜索引擎和数据库,然后在一个页面上显示来自不同搜索引擎的搜索结果。
比如进入大主题“新闻媒体”搜索,它把搜索结果分为头条新闻、商业新闻、体育新闻、娱乐新闻、科技新闻、杂志、报纸,如果再进入小主题“科技新闻”搜索,那么它可以同时搜索CNET、PC World、ZDNet、IDG.net、TechWeb这5个着名的科技新闻网站,足够保证你得到最全最新的科技新闻。
好了,每个搜索引擎都有独特的优缺点,不同的需要就应该使用不同的搜索引擎。
如果你搜索英文内容,那么我给你推荐的使用习惯是:上网随便逛逛就用dmoz,平时搜索就用google,有问题就问ask,要做特定的主题搜索就用search.com。希望我的回答能够帮助您,还望采纳。
‘叁’ 搜索引擎是什么制作出来的像百度那样!
如果只是想在网页上放一个搜索引擎,加几句代码就可以,把要搜索的信息连到网络或GOOGLE上了,就转到网络的搜索了。如果想做搜索引擎就很麻烦了,投资也很大。
如果是那个连接的代码的话,如下:
sousuo.asp
<form method="get" action="zhuanxiang.asp">
<input type="text" name="searchstrings">
<Input type="submit" name ="search" value="搜索">
<p>
<input name="goURL" type = "radio" Value="网络" checked>网络
<input name="goURL" type = "radio" Value="Yahoo" >Yahoo
</form>
zhuanxiang.asp
<%
response.buffer=true
Dim strUrlRedirTo,strSearchStrings
strSearchStrings=trim(request.QueryString("SearchStrings"))
If (Len(strSearchStrings)) then
strSearchStrings=Server.UrlEncode(strSearchStrings)
If request.QueryString("goURL")="网络" then
strUrlRedirTo="http://www..com/?word="&strSearchStrings
end if
If request.QueryString("goURL")="Yahoo" then
strUrlRedirTo="http://cn.websearch.yahoo.com/search/web_cn?p="&strSearchStrings
end if
response.redirect ("strUrlRedirTo")
end if
%>
做搜索引擎不是一天两天就能的,你好很多很多服务器,然后检索网络,制成一个信息库,所以你要很好的软件支持,资金投入也是很大的
http://..com/question/11040813.html?si=1
‘肆’ 雅虎的网址是哪个
http://www.yahoo.com.cn/
‘伍’ 欧洲和日本开发的搜索引擎的网址是什么
日本的
http://www.yahoo.co.jp/
http://www.goo.ne.jp/
http://wp.netscape.com/ja/
http://www.livedoor.com/
http://www.infoseek.co.jp/
http://search.biglobe.ne.jp/
欧洲的
http://dir.web.de/
http://www.webinfo.fi/index.html
http://www.webbel.be/
http://www.iskon.hr/
‘陆’ 国际搜索网站网址
MSN Search Microsoft 的 MSN Search, 由 LookSmart 支持,二级查询结果由 Inktomi 提供。 Overture (严格说是PPC搜索引擎) 将顶部的查询结果提供给 MSN. 为对 MSN 成功优化网站,那么必须仔细考虑 LookSmart 和 Inktomi 的排名要求。在某些情况下, Direct Hit 的查询结果也会体现在该搜索引擎上。
Yahoo 一致公认的最佳搜索引擎之一(严格说是分类目录),它的web查询结果来自Google. 收录在它分类目录中的网站,其查询结果以分类目录的查询结果显示。商业站点收录至分类目录的年费用为299美金,它将用几周到几月的时间才会给您结果,告诉您网站最终是否被收录。
Google 免费搜索引擎。顶部搜索结果将列入 LookSmart, Yahoo, 及 Open Source Directory.
Google 非常关注外部链接,如果一个网站有较多质量较好的外部链接,将获得较高的排名。它的 AdWords/AdSelect 也将作为查询结果显示。
AOL Search 从 Google 搜索数据库中获得查询结果。想在 AOL 中获得好的排名应该关注 Google 的排名规则。
Lycos 该分类目录搜索引擎查询结果来自 Fast/AllTheWeb, Overture 和 Open Source Directory.
Ask Jeeves 拥有人工编辑分类目录和来自 Teoma 的搜索引擎爬行结果。Overture 作为赞助商,查询结果也将出现在该搜索引擎的结果中。
LookSmart - Zeal 人工编辑搜索引擎分类目录,支持 MSN 及 Excite等较多的合作伙伴。
当 LookSmart 搜索无果时,由 Inktomi 提供搜索结果。
Overture 前身 GoTo.com, 严格来说是PPC搜索引擎。它的搜索结果将列入 Yahoo, MSN, Altavista 等搜索引擎。
Netscape Search 现在 NetScape 的查询结果来自于 Google.
AltaVista 最老的搜索引擎之一,至今仍然在搜索引擎中占有重要地位。它有免费网站登陆及收费网站登陆两种。
Open Directory 该开放目录是志愿编辑人员预审的搜索引擎目录, 它的查询结果和 NetScape, AOL, Google, Lycos等共享。
Inktomi Inktomi 比较特殊,是唯一一个在网站上不提供搜索的搜索引擎,它是真正意思上为搜索引擎提供信息的搜索引擎,比如向 Hotbot, MSN, Overture等。它号称为搜索引擎的搜索引擎。它提供的 Inktomi PrioritySubmit 是网站推广较为经济实惠的方案.
‘柒’ 雅虎邮箱登陆不了
雅虎自从被马云阿里巴巴收购后越来越差,很多业务都黄了(如雅虎相册,雅虎关系,雅虎站长天下,雅虎空间,雅虎助手等等)。导致很多用户珍贵资料丢失,对用户极不负责。建议你远离马云阿里巴巴旗下的任何产品。以免以后受到损失。。。。。
‘捌’ 新建网站怎么在搜狐和雅虎上免费注册搜索引擎
你的想法可能很难实现的,即使你主动去登录,他们也要很长的审核的时间,自动收录就更慢了。
免费登录各大搜索引擎
http://www.sowang.com/freesubmit.htm
Google中文 google.com搜索引擎登录地址: http://www.google.com/intl/zh-CN/add_url.html
网络Bai.com搜索引擎登录地址: http://www..com/search/url_submit.html
hao123.com网址之家 http://post..com/f?kw=hao123
搜狐/搜狗Sougo.com搜索引擎登录地址:
http://db.sohu.com/regurl/regform.asp?Step=REGFORM&class=
爱问搜索引擎登录地址:iask.com http://iask.com/guest/add_url.php
雅虎yahoo.com.cn搜索引擎登录地址: http://misc.yahoo.com.cn/search_submit.html
Yahoo搜索引擎登录地址: http://submit.search.yahoo.com/free/request/
中国搜索引擎登录地址: http://service.chinasearch.com.cn/NetSearch/pageurlrecord/frontpageurl.jsp
TOM搜索引擎登录地址: http://search.tom.com/tools/weblog/log.php
天网搜索引擎登录地址: http://home.tianwang.com/denglu.htm
MSN中文搜索引擎登录地址:
http://techpreview.search.msn.com.cn/docs/submit.aspx?FORM=WSDD2
网络免费登录入口 http://www..com/search/url_submit.htm
新浪免费登录入口 http://bizsite.sina.com.cn/newbizsite/docc/index-2jifu-09.htm
搜狐免费登录入口 http://db.sohu.com/regurl/regform.asp?Step=REGFORM&class=
千度免费登录入口 http://www.qian.com/search/default.asp
天网免费登录入口 http://bingle.pku.e.cn/submit.htm
赛迪免费登录入口 http://itsearch.ccidnet.com/appl/appl_xz.htm
网易免费登录入口 http://seek.163.com/cgi-bin/search/add_url.cgi
雅虎免费登录入口 http://cn.yahoo.com/docs/info/suggest.html
Google免费登录入口 http://www.google.com/intl/zh-CN/add_url.html
慧聪行业免费登录入口http://202.108.33.161/web/frontward/free/free_speedlogin.asp
中华网免费登录入口 http://202.84.11.68:66/web/frontward/free/free_search.asp
北极星免费登录入口 http://www.beijixing.com.cn/bjx01/search/regi_1.asp
alltheweb免费登录入口 http://www.alltheweb.com/add_url.php
国信免费登录入口 http://search.gxchina.com/login/Login.htm
搜豹免费登录入口 http://search.sobao.com/Computers_and_Internet/Personal/
焦点网免费登录入口 http://search.focus.com.cn/search/search_newurl_register.ecgi
晨曦免费登录入口 http://www.mingbu.com/cxsearch/add.asp
协通免费登录入口 http://www.net2asp.com.cn/search/regform.htm
朝鲜迷免费登录入口 http://www.168world.com/cgi-bin/link2000/link.cgi?id=dprk&a_method=write
法律网免费登录入口 http://www.law-lib.com/lawseek/wzdl.asp
银河免费登录入口 http://search.inhe.net/navigate.asp
酷亿免费登录入口 http://www.ku68.com/home/webreg.asp
星星免费登录入口 http://www.xxsl.net/regsta1.asp?sortid=153
温州信息港免费登录入口 http://www.wzonline.com.cn/search/login.php3
中国假日免费登录入口 http://www.china-holiday.com/newterms/hall/it/sort.asp?sortid=259
y4免费登录入口 http://drckness.jahee.com/free/kulink.asp
建设免费登录入口 http://www.cnjjl.com/other/
数字免费登录入口 http://yj001.com/addme.htm
天下免费登录入口 http://www.8eee.com/wzdl_sy.asp
维华免费登录入口 http://211.99.40.148/html/gsjj_wzdl.htm
搜鼠免费登录入口 http://sosoo.cnool.net/intro.asp
尤里卡免费登录入口 http://www.ulika.com/linkaddr/welcome.asp
爱艳儿免费登录入口 http://wangjianran.com/aiyaner/geren.htm
山西互连网免费登录入口 http://www.shanxi.net.cn/sxhulian/addcate.asp
蓝山免费登录入口 http://www.l3info.com/searchengine/loginnet.asp
阳光免费登录入口 http://www.jc.gov.cn/userlink/useraddlink.htm
1608搜网免费登录入口 http://search.1608.com/ad.cgi
中国168免费登录入口 http://www.china168.com/chaoshi/it/regsta1.asp?sortid=242
中国车网免费登录入口 http://www.cncar.net/search/addsite.asp
搜吧搜索http://99938.com/freeregform.asp?
商情168搜索引擎免费登陆入口http://search.168yx.com/add.php
中国搜索同盟免费登录入口 http://service.chinasearch.com.cn/web/frontward/free/free_protocol.htm
‘玖’ 哪位高手能提供关于雅虎的信息资料
下面的这几个网址是雅虎公司的一些资料:
http://cn.about.yahoo.com/about.html
http://cn.promo.yahoo.com/docs/sales/
http://cn.career.yahoo.com/yahoo/hr/1/
下面是全球网站排名:
1. Yahoo!
Personalized content and search options. Chatrooms, free e-mail, clubs, and pager.
www.yahoo.com - Site info
2. Microsoft Network (MSN)
Dialup access and content provider.
www.msn.com - Site info
3. Google
Enables users to search the Web, Usenet, and images. Features include PageRank, caching and translation of results, and an option to find similar pages. The company's focus is developing search technology.
www.google.com - Site info
4. Yahoo! Japan
Japanese version of popular portal site.
www.yahoo.co.jp - Site info
5. Bai.com
全球最大中文搜索引擎,向人们提供简单、可依赖的信息获取方式。 The leading Chinese language search engine, provides “simple and reliable” search experience, strong in Chinese language and multi-media content including MP3 music and movies, the first to offer WAP and PDA-based mobile search in China.
www..com - Site info
6. 新浪新闻中心
包括即日的国内外不同类型的新闻与评论,人物专题,图库。
www.sina.com.cn - Site info
7. EBay
International person to person auction site, with procts sorted into categories.
www.ebay.com - Site info
8. Passport.net
www.passport.net - Site info
9. 搜狐
资源导航为主要业务的门户网站,经营综合性业务,社区,无线等增值服务。
www.sohu.com - Site info
10. 网易
中国最大的网络社区和门户网站
www.163.com - Site info
参考资料:http://www.alexa.com/site/ds/top_sites?ts_mode=global&lang=none
‘拾’ 请问如何在网页中加入Goole搜索和Yahoo搜索
————————————————————————————
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>网页特效观止|www.jscode.cn|---仿yahoo首页特色服务内容切换效果</title>
</head>
<style type="text/css">
/* common styling */
/* Set up the default font and ovrall size to include image */
body {
background: #fff;
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-size: 12px;
}
#tabs {width:400px; text-align:center; background: url(images/icon/top.gif); margin:30px 0 0 175px; position:absolute; z-index:500;}
#tabs ul {padding:0; margin:0; width:400px; list-style:none; position:relative;}
#tabs ul li {float:left; display:inline; width:125px; height:53px; margin:0 4px;}
#tabs ul li a.outer {display:block; width:125px; height:49px; border-bottom:1px solid #9c9c9c; text-align:center; line-height:45px; text-decoration:none; text-indent:50px; color:#464; font-weight:bold; margin-bottom:3px; font-size:11px;}
#tabs ul li a.one {background:#fff url(images/icon/world.jpg) top left no-repeat;}
#tabs ul li a.two {background:#fff url(images/icon/key.jpg) top left no-repeat;}
#tabs ul li a.three {background:#fff url(images/icon/mail.jpg) top left no-repeat;}
#tabs ul li a.four {background:#fff url(images/icon/search.jpg) top left no-repeat;}
#tabs ul li a.five {background:#fff url(images/icon/profile.jpg) top left no-repeat;}
#tabs ul li a.six {background:#fff url(images/icon/draw.jpg) top left no-repeat;}
#tabs ul li div {display:none;}
#tabs ul li:hover {padding-bottom:132px; border-bottom:1px solid #fff; color:#000; margin-bottom:0;}
#tabs ul li:hover > a.outer {color:#000; background-position:0 -55px; height:55px; cursor:default;}
* html #tabs ul li a.outer:hover {padding-bottom:130px; border-bottom:1px solid #fff; height:55px; color:#000; margin-bottom:0;background-position:0 -55px; height:55px; cursor:default;}
#tabs ul li:hover div {display:block; padding:5px; position:absolute; left:4px; top:55px; width:381px; height:118px; border-bottom:3px solid #fff;}
#tabs ul li a:hover div {display:block; padding:5px; position:absolute; left:4px; top:55px; width:381px; height:118px; border-bottom:3px solid #fff;}
#tabs ul li a:hover div.tab_left,
#tabs ul li:hover div.tab_left
{background:#fff url(images/icon/tab_left.gif);}
#tabs ul li a:hover div.tab_center,
#tabs ul li:hover div.tab_center
{background:#fff url(images/icon/tab_center.gif);}
#tabs ul li a:hover div.tab_right,
#tabs ul li:hover div.tab_right
{background:#fff url(images/icon/tab_right.gif);}
.clear {clear:both; height:0; line-height:0; overflow:hidden;}
#tabs span.base {display:block; height:20px;font-size:10px; color:#bc8f8f; background:url(images/icon/bottom.gif) bottom;}
#tabs div h5 {font-size:12px; margin-bottom:5px;}
#tabs div p {font-weight:normal; text-align:left; color:#000; margin-top:2px;}
#tabs div a img {border:0;}
#tabs div img.image {float:left; border:0; margin-top:-35px; margin-right:5px;}
#tabs div a.unlock {background:url(images/icon/unlock.gif); display:block; width:30px; height:30px; margin:0 auto;}
#tabs div a:hover.unlock img {visibility:hidden;}
#tabs p.bold {color:#069; padding-top:5px;}
* html #tabs p.fire {margin-top:-15px;}
* html #tabs form {margin-top:-20px;}
#tabs p.buttons {text-align:center;}
</style>
<body>
<div id="tabs">
<p class="bold">Mini tabbed pages - 9th February 2007</p>
<ul>
<li><a href="#nogo" class="one outer">WORLD<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<div class="tab_left">
<h5>World Wide Web</h5>
<p>This area can hold anything you like<a href="index.html">Main Menu</a>.</p>
</div>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo" class="two outer">UNLOCK<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<div class="tab_center">
<h5>Unlock the Secrets</h5>
<a href="http://www.w3.org/Style/CSS/" class="unlock" title="Unlock the secrets of CSS at w3.org"><img src="images/icon/lock.gif" alt="Locked" title="Locked" /></a>
</div>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo" class="three outer">MAIL<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<div class="tab_right">
<h5>Email</h5>
<p>Maybe a link to your emails or a form asking to login to<a href="http://www.cssplay.co.uk/w3c/contact.html">Contact Page</a>.</p>
</div>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
<br class="clear" />
<ul>
<li><a href="#nogo" class="four outer">SEARCH<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<div class="tab_left">
<h5>Search This Site</h5>
<p>You can add a search form here.</p>
</div>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo" class="five outer">PROFILE<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<div class="tab_center">
<h5>Your Profile</h5>
<form id="two" action="..." method="post">
<fieldset id="personal">
<label for="login">login : </label>
<input name="login" id="login" type="text" tabindex="1" />
</fieldset>
<p class="buttons">
<input id="button1" type="submit" value="Send" />
<input id="button2" type="reset" value="Reset" />
</p>
</form>
</div>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo" class="six outer">DRAW<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<div class="tab_right">
<h5>Learn how to Draw</h5>
<a href="http://www.adobe.com/procts/fireworks/"><img class="image" src="images/icon/fireworks.gif" alt="Adobe Fireworks 8" title="Adobe Firerworks 8" /></a>
<p class="fire">Get top-quality design results. </p>
</div>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
<br class="clear" />
<span class="base">&;2007 Stu Nicholls - All rights reserved</span>
</div>
</body>
</html>
———————————————————————————————————
到www.jscode.cn,这里有很多代码