zoukankan      html  css  js  c++  java
  • 帆软常用JS

    1.鼠标移动图片放大

    $("td[id^=A] img").mouseover(function(e){
    var col=Number($(this).attr("col"))+1; //获取鼠标当前所在单元格的col
    var row=$(this).attr("row"); //获取鼠标当前所在单元格的row
    var img=this.src; //获取到隐藏的图片地址
    console.log(img);

    $("body").append("<div id='preview'><img src='"+ img +"' /></div>");//弹出一个div里面放着图片
    $("#preview")//修改这个div的样式,让他居中
    .css("-ms-transform","translate(-50%,-50%)")
    .css("-moz-transform","translate(-50%,-50%)")
    .css("-o-transform","translate(-50%,-50%)")
    .css("transform","translate(-50%,-50%)")
    .css("left","50%")
    .css("top","50%")
    .css("z-index","9999999")
    .css("position","absolute")
    });
    //鼠标离开这个div移除
    $("td[id^=A] img").mouseout(function(e){
    $("#preview").remove();
    });

  • 相关阅读:
    CODE[VS] 2506 可恶的体育老师
    CODE[VS] 3411 洪水
    CODE[VS] 2692 小明过生日
    CODE[VS] 2291 糖果堆
    CODE[VS] 2008 你已经爱我多久了
    忽然之间
    Amazing grace 奇异恩典
    无处安放
    AC日记
    AC日记
  • 原文地址:https://www.cnblogs.com/snackpython/p/13265730.html
Copyright © 2011-2022 走看看