域名注册
|
虚拟主机
|
数据库
|
设为主页
|
加入收藏
|
天诚搜索
|
RSS
网站套餐
Package
基础特惠型网站
企业标准型网站
企业大户型网站
商务政务型网站
功能单项报价表
最新推荐
Recommended
4年网络创业经历
Dreamweaver表格经验谈
61.183.41.123数据重新上传通…
局域网arp病毒
用途相似的标签
CSS网页标准制作关于网页表单…
中国互联网13年大事记
ECSHOP 显示指定分类下的文章…
您现在的位置:
天诚世纪
>>
技术中心
>>
网页特效
>>
其它特效
>> 正文
站内搜索脚本(一)
作者:
天诚世纪
更新时间:2009-6-16 11:22:26
来源:
天诚世纪
以下是HTML网页特效代码,点击运行按钮可查看效果:
<html> <head> <title>网页特效|tc-21.com|---站内搜索脚本(一)</title> <style type="text/css">BODY { FONT-FAMILY: "宋体"; FONT-SIZE: 9pt; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; MARGIN-TOP: 0px } A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none } A:hover { COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline } A:active { COLOR: #ff0033; CURSOR: hand; FONT: 9pt "宋体" } </style> <meta content="text/html; charset=gb2312" http-equiv="Content-Type"> <meta content="Microsoft FrontPage 5.0" name="GENERATOR"> </head> <body bgColor="#FEF4D9"> <font color="red" face="隶书" size="6"> <p align="center">站内搜索</font><br> </p> <table border="0" width="100%"> <tr> <td width="50%"> </td> <td width="50%"></td> </tr> </table> <div align="center"><center> <table border="0" borderColor="#0000FF" borderlight="green" height="170" bordercolorlight="#00FF00" bordercolordark="#000000" style="border-collapse: collapse" cellpadding="0" cellspacing="0"> <TBODY> <tr> <td align="middle" height="141"><font face="隶书"><strong> <font color="red" style="font-size: 9pt"> </font></strong></font><strong> <font color="#000080" face="隶书" style="font-size: 9pt"> </font></strong> <font face="宋体" color="#000080" style="font-size: 9pt">对一些较大的网站,常可见到站内搜索的功能,不要以为只有专业程序员才可以做到,现在,你也可以做到,点击下面搜索按钮,填入查询关键字,点击确定按钮,结果如何,很有专业味道吧!在你的网页中用上一个肯定会使得你的网页增色不少。(本例中的查询关键字为、5/30/2000、http://www.163.net、163 netease yeah 126 chinese 、</font><font face="宋体" size="3" color="#000080"><a href="http://www.sina.com.cn">"http://www.sina.com.cn"</a></font><font face="宋体" color="#000080" style="font-size: 9pt">、"sina net chat chatting news super"、</font><font face="宋体" size="3" color="#000080"><a href="http://www.sohu.com">"http://www.sohu.com"</a><font face="宋体" color="#000080" style="font-size: 9pt">、 "sohu net chat news ",你可以根据你自己网页的需要,自由设置。)</font></font></td> </tr> <tr> <td align="middle" height="17"><script language="javascript"> var key = ""; function makeEntry (){ this.Date = ""; this.Name=""; this.URL = ""; this.Desc = ""; this.Category = ""; return this; } function makeArray(n) { this.length = n; for (var k = 1; k <= n; k++) { this[k] = ""; } return this; } function makeLinks(size) { this.length = size; for (var r=1; r<= size; r++) { this[r] = new makeEntry(); this[r].Date = datesArray[r]; this[r].Name = namesArray[r]; this[r].URL = urlsArray[r]; this[r].Desc = descArray[r]; } return this; } var linksize=0 datesArray = new makeArray(linksize); namesArray = new makeArray(linksize); urlsArray = new makeArray(linksize); descArray = new makeArray(linksize); var arraycount=0 arraycount += 1 datesArray[arraycount] = "5/30/2000" urlsArray[arraycount] = "http://www.163.net" namesArray[arraycount] = "网易" descArray[arraycount] = "163 netease yeah 126 chinese " //alert(arraycount) arraycount += 1 datesArray[arraycount] = "5/30/2000 " urlsArray[arraycount] = "http://www.sina.com.cn" namesArray[arraycount] = "新浪网" descArray[arraycount] = "sina net chat chatting news super" //alert(arraycount) arraycount += 1 datesArray[arraycount] = "5/30/2000 " urlsArray[arraycount] = "http://www.sohu.com" namesArray[arraycount] = "搜狐" descArray[arraycount] = "sohu net chat news " //alert(arraycount) linksize = arraycount; // ----end data ------- function showAll(linkobj) { for (var s=1; s<= linkobj.length; s++) { showLink(linkobj,s); } } function showLink (links, index) { //document.write("<table border>"); document.write("<tr><td>" + links[index].Date +"</td>"); document.write("<td><a href=" + links[index].URL +">" + links[index].Name + "</a></td>"); document.write("<td>" + links[index].Desc + "</td></tr>"); //document.write("</table>"); } function searchLinks(links, keyword){ document.write("搜寻结果: " +keyword +"<br>"); document.write("<table border>"); for (var q=1; q<=links.length; q++) { //document.write(q+".") if (links[q].URL.indexOf(keyword) != -1){ // document.write("Search Results for keyword: "+keyword+ "<br>" +links[q].Name +"<p>") //document.write("搜寻结果: "+keyword+ "<br>" ); showLink(links,q); continue; } if (links[q].Desc.indexOf(keyword) != -1) { showLink(links,q); continue; } if (links[q].Date.indexOf(keyword) != -1) { showLink(links,q); continue; } if (links[q].Name.indexOf(keyword) != -1) { showLink(links,q); continue; } } document.write("</table>"); } // final stuff // the main program --- jsi = new makeLinks(linksize); document.write("<title>站内查询</title>"); searchLinks(jsi, prompt("输入查询关键字:","输入查询关键字:")); document.write("<hr>"); document.write("按<b>search again</b>再次查询<hr>"); document.write("<form><input type=button onClick='history.go(0)' value='Search Again'></form>"); // show all the links //document.write("<table border>"); //showAll(jsi); //document.write("</table>"); </script> </td> </tr> </TBODY> </table> </center></div> <p align="center"> </p> </body> </html>
.
[提示:可先修改代码再按运行]
本文链接:http://www.tc-21.com/ITCenter/200906/20090616112226.html
上一篇文章:
查找页面中的字符
下一篇文章:
可以记住你登录次数的网页
更多关于
其它特效
的新闻
相关文章
更方便的单选框
站内搜索脚本(二)
FTP页面登录
有检测功能的表单递交脚本
E-mail形式的密码登录窗口
用密码保护页面
进入页面弹出收藏夹提示
站内搜索脚本(三)
::::::
网页模板
|
建站指导
|
视频教程
|
图片中心
|
在线咨询
|
网站运营
|
网站推广
|
图片素材
::::::
CopyRight 2007 All Rights Reserved 天诚世纪 版权所有
鄂ICP备12000046号
联系电话:18995527083 18995527081 QQ:448163207 32301667 Email:my_tc@126.com
::::::搜索关键字:
武汉网站制作
|
武汉做网站
|
武汉网站建设
|
武汉网页制作
|
天诚世纪
|
武汉网页制作公司
|
网页模板
|::::::