当前位置：A5下载 > 程序插件 > php168插件 > 搜索页面结果鼠标滑过标题变色特效插件 for PHP168

搜索页面结果鼠标滑过标题变色特效插件 for PHP168

软件大小：5 KB
软件语言：简体中文
更新时间：2010-09-29
软件类型：国产软件 / php168插件
运行环境：Linux/2003/PHP
软件授权：免费软件
官方主页：http://
软件等级 :
软件厂商：zhangyi

立即高速安全下载

介绍说明
下载地址
精品推荐
相关软件
网友评论

将一个js代码修改了一下，再整合到search.htm模板里，成功地解决了这一问题。

另外还增加了一个循环判断效果，即使搜索的结果标题出现灰白相间的背景颜色对比，而鼠标移动到搜索结果标题上又有高亮背景出现。

只需要修改search.htm这个模板文件（template/default/search.htm）：

一、在最上部这段代码：


在这段代码之下，加上以下这段样式和JS代码：
<style type="text/css">
tbody tr.on {background:#dbd9d9;}
tbody tr.on td{
color:#ff0000;
}
tbody tr.on td a{
color:#ff0000;
}
</style>

function getElementsByClassName(className, tag, elm){
    var testClass = new RegExp("(^|s)" + className + "(s|$)");
    var tag = tag || "*";
    var elm = elm || document;
    var elements = (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag);
    var returnElements = [];
    var current;
    var length = elements.length;
    for(var i=0; i<length; i++){
        current = elements[i];
        if(testClass.test(current.className)){
            returnElements.push(current);
        }
    }
    return returnElements;
}

function addClassName(elm, className){
    var currentClass = elm.className;
    if(!new RegExp(("(^|s)" + className + "(s|$)"), "i").test(currentClass)){
        elm.className = currentClass + ((currentClass.length > 0)? " " : "") + className;
    }
    return elm.className;
}

function removeClassName(elm, className){
    var classToRemove = new RegExp(("(^|s)" + className + "(s|$)"), "i");
    elm.className = elm.className.replace(classToRemove, "").replace(/^s+|s+$/g, "");
    return elm.className;
}

二、再找下面的这段代码：
            <table width="100%" border="0" cellspacing="1" cellpadding="3">
              
              <tr>
                <td width="5%">$rs[aid]</td>
                <td width="51%">·<a href="bencandy.php?fid=$rs[fid]&id=$rs[aid]" target="_blank" title='$rs[full_title]'>$rs[title]</a></td>
                <td width="17%">[<a href="list.php?fid=$rs[fid]" target="_blank">{$rs[fname]}</a>]</td>
                <td width="10%">{$rs[username]}</td>
                <td width="17%">({$rs[posttime]})</td>
              </tr>

首先给这个表格加一个id，在table里加上id="rockartists" ;
分别在<tr>和</tr>上面和下面再加上<tbody>和</tbody>，因为上面的css和js都已经定义了tbody;
加上循环判断的代码（具体请下面代码对比一下便知）；
给tbody加上背景的变量定义；
以下即为已经修改好的代码部分：

<table width="100%" border="0" cellspacing="1" cellpadding="3" id="rockartists">
              
<tbody style="background:$searchbg">
              <tr>
                <td width="5%">$rs[aid]</td>
                <td width="51%">·<a href="bencandy.php?fid=$rs[fid]&id=$rs[aid]" target="_blank" title='$rs[full_title]'>$rs[title]</a></td>
                <td width="17%">[<a href="list.php?fid=$rs[fid]" target="_blank">{$rs[fname]}</a>]</td>
                <td width="10%">{$rs[username]}</td>
                <td width="17%">({$rs[posttime]})</td>
              </tr>
</tbody>