
<!--#include file="conn.asp"-->
<!------------------------------------
Asp站内搜索的关键字上色!
------------------------------------->
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />
<title>设计自己的搜索网站</title>
<style type="text/css">
<!--
body,td,th {
font-size: 12px
}
-->
</style>
<script type="text/javascript">
function Checktext()
{
if (document.from.text.value.length == 0 )
{
alert("搜索关键字不能为空!")
document.from.text.focus()
return false
}
return true
}
</script>
</head>
<body>
<form action="?act=search" name="from" method="post" onClick="return Checktext()">
<input name="text" type="text" id="text" />
<input type="submit" name="Submit" value="搜索" />
</form>
</body>
</html>
<%
function FontToColor(Str)
'定义一个字符转换的过程
if not isnull(str) then
str = replace(str,request("text"),"<font color=red>"&request("text")&"</font>")
'转换str中符合request("text")的字符为 <font color=red>字符</font>
FontToColor = str
end if
end function
if request("act")="search" then
set rs=server.CreateObject("adodb.recordset")
rs.open"select * from list where text like '%"&request("text")&"%' order by time desc",conn,1,1
if rs.eof and rs.bof then
response.write"没有记录!"
response.end
else
do while not rs.eof
response.write"<table width='600' border='0' cellspacing='0' cellpadding='0'><br><tr width='600'><td>"
response.write FontToColor(rs("text"))
'查找rs("text")中包含的request("text")字符,并替换
response.write"</td></tr>"
rs.movenext
loop
rs.close
set rs=nothing
end if
end if
%>
在web开发中会遇到这样一个问题:当你点击某一个导航时,就让他高亮显示,其他的默认。可以用一下两种方法解决:
1,在每一个文件中都引入头部,然后为不同的链接添加样式
缺点:比较麻烦,如果要修改样式,每个文件都要修改
2,把头部提出来,用js判断url地址,然后给当前的url加上样式(用js控制的)
<!--导航条高亮---
<!---以下是html部分,给div添加一个id--
<div class="nav_nav"
id="tabs_nav"
<a href="/"
class="active"公司首页</a<ahref="/product/product.php"
公司简介</a<ahref="/shop/map.php"雅酷地图</a<b</b<ahref="/shop/shop.php"合作商户</a<ahref="/shop/shop_search.php"商户搜索</a</div
<!---以下是js部分--
<script type="text/javascript"
//获取div下面所有的a标签(返回节点对象)
var myNav =
document.getElementByIdx_x("tabs_nav").getElementsByTagName_r("a")
//获取当前窗口的url
var myURL = document.location.href
//循环div下面所有的链接,
for(var i=1i<myNav.lengthi++){
//获取每一个a标签的herf属性varlinks = myNav[i].getAttribute("href")
var myURL =
docu...在web开发中会遇到这样一个问题:当你点击某一个导航时,就让他高亮显示,其他的默认。
可以用一下两种方法解决:
1,在每一个文件中都引入头部,然后为不同的链接添加样式
缺点:比较麻烦,如果要修改样式,每个文件都要修改
2,把头部提出来,用js判断url地址,然后给当前的url加上样式(用js控制的)
<!--导航条高亮---
<!---以下是html部分,给div添加一个id--
<div class="nav_nav"
id="tabs_nav"
<a href="/"
class="active"公司首页</a<ahref="/product/product.php"
公司简介</a<ahref="/shop/map.php"雅酷地图</a<b</b<ahref="/shop/shop.php"合作商户</a<ahref="/shop/shop_search.php"商户搜索</a</div
<!---以下是js部分--
<script type="text/javascript"
//获取div下面所有的a标签(返回节点对象)
var myNav =
document.getElementByIdx_x("tabs_nav").getElementsByTagName_r("a")
//获取当前窗口的url
var myURL = document.location.href
//循环div下面所有的链接,
for(var i=1i<myNav.lengthi++){
//获取每一个a标签的herf属性varlinks = myNav[i].getAttribute("href")
var myURL =
document.location.href
//查看div下的链接是否包含当前窗口,如果存在,则给其添加样式
if(myURL.indexOf(links)!= -1){
myNav[i].className="active"
myNav[0].className=""}}
这个很有用,以后会用到~!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)