zoukankan      html  css  js  c++  java
  • 鼠标移动放大图片

    <td>9;00-18:00(节假日 20;00)<img class="st_img_hover" src="/static/admin/images/u645.png"></td>
      var bigImg = document.createElement("div");
        var img0 = document.createElement("img");
        bigImg.appendChild(img0);
        $(bigImg).attr("class", "bigImg").hide();
        document.body.appendChild(bigImg);
        //图片hover放大显示
        $(document).on("mouseover", ".st_img_hover", function(event) {
            var event = event || window.event;
            var dX = parseFloat(event.clientX) + 10;
            var dY = parseFloat(event.clientY);
            var imgSrc = $(this).attr("data-src") || $(this).attr("src");
            $(".bigImg").show().css({
                "left": dX,
                "top": dY
            }).find("img").attr("src", imgSrc);
        });
        $(document).on("mousemove", ".st_img_hover", function(event) {
            var event = event || window.event;
            var dX = parseFloat(event.clientX) + 10;
            var dY = event.clientY;
            $(".bigImg").show().css({
                "left": dX,
                "top": dY
            });
        });
        $(document).on("mouseout", ".st_img_hover", function() {
            $(".bigImg").hide();
        });
  • 相关阅读:
    hihoCoder#1142(三分求极值)
    hihoCoder#1095(二分搜索)
    hihoCoder#1139(二分+bfs)
    java亦或(^)
    JAVA线程
    java中io流浅析
    java循环
    java集合练习
    JAVA集合
    java面向对象(串)
  • 原文地址:https://www.cnblogs.com/lst619247/p/9252524.html
Copyright © 2011-2022 走看看