鼠标悬浮效果

最新推荐文章于 2022-12-09 00:34:12 发布

蓝星小码农

最新推荐文章于 2022-12-09 00:34:12 发布

阅读量187

点赞数 1

分类专栏： JS/JQ

本文链接：https://blog.csdn.net/Aldams/article/details/117998334

版权

JS/JQ 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

未选中图片名称：jcb_n.png

选中图片名称：jcb_click.png

<a href="javascript:;" class="print_btn" onclick="xx" ><img alt="" src="../images/jcb_n.png" /></a>

        $(function () {
            $(".print_btn").hover(function () {
                var obj = $(this);
                var objImg = obj.find("img");
                var imgSrc = objImg.attr("src");
                imgSrc = imgSrc.replace("_n", "_click");
                objImg.attr("src", imgSrc);
            }, function () {
                var obj = $(this);
                var objImg = obj.find("img");
                var imgSrc = objImg.attr("src");
                imgSrc = imgSrc.replace("_click", "_n");
                objImg.attr("src", imgSrc);
            });
        });