鼠标移动改变背景色鼠标点击后给据设定的值添加图片到指定的列

最新推荐文章于 2023-04-21 11:03:52 发布

最新推荐文章于 2023-04-21 11:03:52 发布 · 93 阅读

文章标签：

#CSS #UP #.net #Blog

本文介绍了一种使用JavaScript实现表格排序的方法，通过修改特定元素的样式来显示当前的排序方式（升序或降序）。同时，提供了根据不同的属性进行排序的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(document).ready(   
    function(){   
    initListSort();   
    }   
);   
function initListSort(){   
    //排序支持   
    alert("排序支持");   
    var sortTds = $("td[@name=sortField]");   
    var sortTd = $("td[@name=sortField][@src=" + document.statform.sortedProperty.value + "]");   
    var down = "<img src="/admin/image/workbench/down.gif" mce_src="admin/image/workbench/down.gif" />";   
    var up = "<img src="/admin/image/workbench/up.gif" mce_src="admin/image/workbench/up.gif" />";   
    sortTd.css({"background-color":"#C0C0C0"});   
    if(document.statform.desc.value == 'true'){   
        sortTd.append(down).attr({"title":"降序 - 点击按升序排序"});   
        sortTd.attr({"onmouseover":""});   
        sortTd.attr({"onmouseout":""});   
    }else{   
        sortTd.append(up).attr({"title":"升序- 点击点降序排序"});   
        sortTd.attr({"onmouseover":""});   
        sortTd.attr({"onmouseout":""});   
    }   
}  


本文来自优快云博客，转载请标明出处：http://blog.youkuaiyun.com/lcywjvb/archive/2009/09/22/4580144.aspx