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();
    });

  • 相关阅读:
    Spring中的一些常用接口
    ApplicationContextAware的作用
    用spring的 InitializingBean 的 afterPropertiesSet 来初始化
    虚拟机扩容(/dev/mapper/centos-root 空间不足)
    AJAX
    Git
    jQuery
    JS
    JS
    jQuery
  • 原文地址:https://www.cnblogs.com/snackpython/p/13265730.html
Copyright © 2011-2022 走看看