jquery选取商品隔行变色

jquery选取商品隔行变色

jQuery鼠标滑过tr,会高亮显示当前商品,提高用户体验,这就是我们常用的隔行换色的效果,也是前端必学的一个小技能。

淘建站为您提供更多_其它特效_jQuery插件_隔行_高亮,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 114 次

打赏作者

觉得不错,可打赏下作者

下载资源

免费共享

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。

//表格 移动变换背景 显示按钮  空间页面      
function space_table($table, $showbg, $showbgTop, $lastTr, $absolute_border, $tdWidth, $firstWidth) {
    $table.mousemove(function(e) {
        var index = $(e.target).index();
        //如果是第一列 则return
        if (index == 0)
            return;
        if (e.target.tagName != "TD") {
            return false;
        }
        $showbg.css("left", ((index - 1) * $tdWidth + $firstWidth) + "px");
        //获取当前td所在的列的第一个td  然后给其赋值给绝对定位的div 显示在上层
        var firstTd_val = $table.find("tr").first().find("td").eq(index).html();
        $showbgTop.html(firstTd_val);

        //获取表格高度并赋值给绝对定位的div
        $absolute_border.height(($table.height() - 44) + "px");

        //判断$lastTr参数是否为空,如果不为空,则鼠标移上去显示 ul 其它ul隐藏
        ($lastTr) && ($lastTr.find("ul").hide(), $lastTr.find("td").eq(index).children("ul").show());
    })
}

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/799.html
jquery选取商品隔行变色 希望对你有帮助,感谢您的支持!
  • js导航菜单设置当前频道高亮导航条

    js导航菜单设置当前频道高亮导航条

  • jquery段落文字内容高亮显示提示

    jquery段落文字内容高亮显示提示

  • jQuery高亮显示搜索结果

    jQuery高亮显示搜索结果

  • jquery text文本框搜索段落文本关键词文字高亮显示

    jquery text文本框搜索段落文本关键词文字高亮显示

  • 绿色标题浮动表格隔行变色

    绿色标题浮动表格隔行变色

  • jQuery易用美观的图片集高亮显示代码

    jQuery易用美观的图片集高亮显示代码

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2