新浪搜索Tabpage

zoukankan html css js c++ java

新浪搜索Tabpage

代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>新浪搜索TabPage</title> <meta name="Generator" content="EditPlus" /> <meta name="Author" content="" /> <meta name="Keywords" content="" /> <meta name="Description" content="" /> <style type=text/css> table,form,img{ border:none; padding:0 0 0 0; margin:0 0 0 0; } /**链接：鼠标响应隐藏下划线**/ .redlink a:link,.redlink a:visited,.whitelink a:link,.whitelink a:visited,.yellowlink a:link,.yellowlink a:visited,.orangelink a:link,.orangelink a:visited { text-decoration:underline; } .redlink a:active,.redlink a:hover,.whitelink a:active,.whitelink a:hover,.yellowlink a:active,.yellowlink a:hover,.orangelink a:active,.orangelink a:hover { text-decoration:none; } .whitelink a:link,.whitelink a:visited,.whitelink a:active,.whitelink a:hover,.white { color:#fff; } .orangelink a:link,.orangelink a:visited,.orangelink a:active,.orangelink a:hover { color:#fc0; } td,p,li,input,select {font-size:12px;} .b1 {border:1px solid #000000} .l140 {line-height:140%} .L15 {line-height:150%} .L17 {line-height:170%} .F7 {font-size:7px;} .s01 {border:1px;border-style:inset;} A:link {color:#00007f;} A:visited {color:#65038e;} A:active {color:#ff0000;} A:hover {color:#ff0000;} A.a03:link,A.a03:visited {text-decoration:none;color:#000000;} A.a03:active,A.a03:hover {text-decoration:none;color:#ff0000;} A.an02:link {text-decoration:none;color:#1110AC} A.an02:visited {text-decoration:none;color:#65038e} A.an02:active,A.an02:hover {text-decoration:none;color:#ff0000} A.a251:link,A.a251:visited {text-decoration:none;color:#ffffff;} A.a251:active,A.a251:hover {text-decoration:underline;color:#ffffff;} /**导航样式**/ #mainnav { border-left: 1px #000 solid; border-right: 1px #000 solid; } .mainnav-r { border-right: 1px #000 solid; } /**导航连接**/ .mainnav a:link,.mainnav a:visited { color:#000; } /**链接：鼠标响应显示下划线**/ .navred a:link,.navred a:visited,.mainnav a { text-decoration:none; } .navred a:active,.navred a:hover { text-decoration:underline; } /**红色链接**/ .mainnav a:active,.mainnav a:hover ,.navred a:link,.navred a:visited,.navred a:active,.navred a:hover,.red ,.reddot,.redlink a:link,.redlink a:visited,.redlink a:active,.redlink a:hover { color:#f00; } /**导航连接end**/ .smsimg img{border:1px #e71516 solid;} .dot7 ,.reddot{font-size:7px;} .lh19{line-height:19px} .lh17{line-height:17px} </style> </head> <body> <style type="text/css"> .s_on{background:url(http://image2.sina.com.cn/home/iask/v2_nav_a.gif">http://image2.sina.com.cn/home/iask/v2_nav_a.gif">http://image2.sina.com.cn/home/iask/v2_nav_a.gif">http://image2.sina.com.cn/home/iask/v2_nav_a.gif) no-repeat top; background-color:#ffc52e; font-weight:bold; color:#fff;} .s_of{background:url(http://image2.sina.com.cn/home/iask/v2_nav_a.gif">http://image2.sina.com.cn/home/iask/v2_nav_a.gif">http://image2.sina.com.cn/home/iask/v2_nav_a.gif">http://image2.sina.com.cn/home/iask/v2_nav_a.gif) no-repeat center; background-color:#f7f7f7;} .m_on{background:url(http://image2.sina.com.cn/home/iask/v2_nav_a.gif">http://image2.sina.com.cn/home/iask/v2_nav_a.gif">http://image2.sina.com.cn/home/iask/v2_nav_a.gif">http://image2.sina.com.cn/home/iask/v2_nav_a.gif) no-repeat bottom; cursor:pointer; font-weight:bold;} .bk_n{height:22px; 100%; font-size:14px;} .bk_n1{height:22px; 50%; font-size:14px;} .eg{color:#999999; font-size:12px;} .pt2{padding-top:2px;} .pl5{padding-left:5px;} .blbr1d9{border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;} </style> <script type="text/javascript"> function s_chg(td_now, fn) { s_td_1.className = s_td_2.className = s_td_3.className = s_td_4.className = s_td_6.className = s_td_7.className = "s_of"; td_now.className = "s_on"; if(td_now.id == "s_td_1") { lc.style.display = "none"; btn1.height = "25"; btn1.innerHTML = "<input id=btn_i type=submit value='搜索' style='60px;' onClick='f.submit();return false;'>  <input type=button value='提问' style='60px;' onClick='ask(f);'>"; if(fn.i_k.value=="例:餐厅,酒吧") fn.i_k.value = ""; fn.i_k.name = "k"; fn.action = "http://iask.com/s";">http://iask.com/s"; } if(td_now.id == "s_td_3") { lc.style.display = "none"; btn1.height = "25"; btn1.innerHTML = "<input id=btn_i type=submit value='搜索' style='60px;' onClick='f.submit();return false;'>"; if(fn.i_k.value=="例:餐厅,酒吧") fn.i_k.value = ""; fn.i_k.name = "k"; fn.action = "http://iask.com/n"; } if(td_now.id == "s_td_4") { lc.style.display = "none"; btn1.height = "25"; btn1.innerHTML = "<input id=btn_i type=submit value='搜索' style='60px;' onClick='f.submit();return false;'>"; if(fn.i_k.value=="例:餐厅,酒吧") fn.i_k.value = ""; fn.i_k.name = "k"; fn.action = "http://p.iask.com/p"; } if(td_now.id == "s_td_6") { lc.style.display = "none"; btn1.height = "25"; btn1.innerHTML = "<input id=btn_i type=submit value='搜索' style='60px;' onClick='f.submit();return false;'>"; if(fn.i_k.value=="例:餐厅,酒吧") fn.i_k.value = ""; fn.i_k.name = "k"; fn.action = "http://m.iask.com/g"; } if(td_now.id == "s_td_5") { lc.style.display = "none"; btn1.height = "25"; btn1.innerHTML = "<input id=btn_i type=submit value='搜索' style='60px;' onClick='f.submit();return false;'>"; if(fn.i_k.value=="例:餐厅,酒吧") fn.i_k.value = ""; fn.i_k.name = "k"; fn.action = "http://iask.com/v"; } if(td_now.id == "s_td_2") { lc.style.display = "none"; btn1.height = "25"; btn1.innerHTML = "<input id=btn_i type=submit value='搜索' style='60px;' onClick='f.submit();return false;'>"; if(fn.i_k.value=="例:餐厅,酒吧") fn.i_k.value = ""; fn.i_k.name = "q"; fn.action = "http://blog.iask.com/b"; } if(td_now.id == "s_td_7") { lc.style.display = "block"; lc.style.paddingTop = "0"; btn1.height = "25"; btn1.innerHTML = "<input id=btn_i type=submit value='搜索' style='60px;' onClick='f.submit();return false;'>"; fn.i_k.name = "key"; fn.action = "http://bendi.iask.com/r.php"; fn.i_k.value="例:餐厅,酒吧"; fn.location.value="例:广州中山路"; } } function mouse_on(td_now) { if(td_now.className == "s_on") return false; else td_now.className = "m_on"; } function mouse_of(td_now) { if(td_now.className == "s_on") return false; else td_now.className = "s_of"; } </script> <script language="javascript"> function iask_ck(fn) { if(fn.i_k.value == "") { if(fn.btn_i.value == "提问") { window.open("http://iask.sina.com.cn/"">http://iask.sina.com.cn/"); return false; } } } function ask(fn) { if(fn.k.value == "") { window.open("http://iask.sina.com.cn/"">http://iask.sina.com.cn/"); return false; } else { window.open("http://iask.sina.com.cn/question/ask_new_2.php?title=" + fn.k.value); } } </script> <table border="0" width="100%" cellpadding="0" cellspacing="0"> <tr><td height="1"></td></tr> </table> <table border="0" width="286" cellpadding="0" cellspacing="0"> <tr bgcolor="#f9f9fa" valign="top"> <td height="30" class="blbr1d9"> <table border="0" width="100%" height="27" cellpadding="0" cellspacing="0" background="http://image2.sina.com.cn/home/iask/v2_nav_b.gif"> <tr align="center"> <td width="8"></td> <td width="45" id="s_td_1" class="s_on" onClick="s_chg(this,f);" onMouseOver="mouse_on(this);" onMouseOut="mouse_of(this);">网页</td> <td width="45" id="s_td_3" class="s_of" onClick="s_chg(this,f);" onMouseOver="mouse_on(this);" onMouseOut="mouse_of(this);">新闻</td> <td width="45" id="s_td_7" class="s_of" onClick="s_chg(this,f);" onMouseOver="mouse_on(this);" onMouseOut="mouse_of(this);">本地</td> <td width="45" id="s_td_4" class="s_of" onClick="s_chg(this,f);" onMouseOver="mouse_on(this);" onMouseOut="mouse_of(this);">图片</td> <td width="45" id="s_td_6" class="s_of" onClick="s_chg(this,f);" onMouseOver="mouse_on(this);" onMouseOut="mouse_of(this);">MP3</td> <td width="45" id="s_td_2" class="s_of" onClick="s_chg(this,f);" onMouseOver="mouse_on(this);" onMouseOut="mouse_of(this);">博客</td> <td> </td> </tr> </table> </td> </tr> <tr bgcolor="#f9f9fa"> <form name=f action=http://iask.com/s target=_blank onSubmit="return iask_ck(this)"> <td height="21" align="center" valign="top" class="blbr1d9"> <table border="0" width="100%" cellpadding="0" cellspacing="0"> <tr><td height="2"></td></tr> <tr valign="top"> <td width="15"></td> <td><input type="text" id="i_k" name="k" size="10" class="bk_n" onClick="javascript:if(this.value=='例:餐厅,酒吧')this.value='';"></td> <td width="110" id="lc" class="pl5" style="display:none;"><input type="text" name="cl" id="location" size="5" class="bk_n" onClick="javascript:if(this.value=='例:广州中山路')this.value='';"></td> <td width="15"></td> </tr> </table> <table border="0" width="100%" cellpadding="0" cellspacing="0"> <tr align="center" valign="middle"> <td id="btn1" height="25"><input id=btn_i type=submit value='搜索' style='60px;'>  <input type=button value='提问' style='60px;' onClick='ask(f);'></td> </tr> </table> </td> <input type="hidden" name="fsh_s"> </form> </tr> </table> </body> </html>
[Ctrl+A 全选提示:你可先修改部分代码,再点运行代码]

查看全文

相关阅读:
休息一会。。。。。。
iPhone开发之webview 拖动和显示本地图片的几组代码
 Android 防止手机休眠
 Android数据存储SQLite 事务操作
 解决png图片在IE6下的透明问题
 教你如何在博客园放“可运行"代码
 弹出层原理
 右键集成JS文件压缩 YUI Compressor
原来window.event快达到全浏览器支持了
 QWrap入门指南

原文地址：https://www.cnblogs.com/winner/p/602332.html