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

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

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

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

一、在最上部这段代码：

在这段代码之下，加上以下这段样式和JS代码：

tbody tr.on {background:#dbd9d9;}

tbody tr.on td{

color:#ff0000;

}

tbody tr.on td a{

color:#ff0000;

}

function addLoadEvent(func) {

var oldonload = window.onload;

if (typeof window.onload != 'function') {

window.onload = func;

} else {

window.onload = function() {

oldonload();

func();

}

}

}

function makeTheTableHeadsHighlight() {

var table = document.getElementById('rockartists');

var tbody = table.getElementsByTagName('tbody');

var tbodytds = table.getElementsByTagName('tr');

for (var i=0; i

tbodytds[i].oldClassName = tbodytds[i].className;

tbodytds[i].onmouseover = function() {

addClassName(this,'on');

}

tbodytds[i].onmouseout = function() {

removeClassName(this,'on');

}

}

}

addLoadEvent(makeTheTableHeadsHighlight);

二、再找下面的这段代码：

$rs[aid]

·$rs[title]

[{$rs[fname]}]

{$rs[username]}

({$rs[posttime]})

首先给这个表格加一个id，在table里加上id="rockartists" ;

分别在

和上面和下面再加上和，因为上面的css和js都已经定义了tbody;

加上循环判断的代码(具体请下面代码对比一下便知)；

给tbody加上背景的变量定义；

以下即为已经修改好的代码部分：

$rs[aid]

·$rs[title]

[{$rs[fname]}]

{$rs[username]}

({$rs[posttime]})

这一步修改完毕就完成了，看看效果吧。

三、效果演示：