美文网首页
鼠标点击图片缩放

鼠标点击图片缩放

作者: 骚伦 | 来源:发表于2018-11-27 19:59 被阅读0次

鼠标点击图片缩放

<script type="text/javascript">  
    $(function(){  
        $('#div1 img').mouseenter(function(){  
           var wValue=1.5 * $(this).width();  
            var hValue=1.5 * $(this).height();        
            $(this).animate({width: wValue,  
                            height: hValue,  
                            left:("-"+(0.5 * $(this).width())/2),  
                            top:("-"+(0.5 * $(this).height())/2)}, 1000);  
        }).mouseleave(function(){  
            $(this).animate({width: "100",  
                                         height: "80",  
                                         left:"0px",  
                                         top:"0px"}, 1000 );  
        });  
    });  
</script>

相关文章

  • 鼠标点击图片缩放

    鼠标点击图片缩放

  • js实现网页版微博图片查看功能

    鼠标悬浮在图片右侧,点击查看下一张图片 鼠标悬浮在图片左侧,点击查看上一张图片 下载链接:https://down...

  • 2018-07-31

    PS笔记2:工具的使用 缩放:点击缩放工具或使用快捷键Alt+鼠标滚轮。 显示:点击抓手工具或使用快捷键空格键。 ...

  • 零件的缩放

    依次点击“插入”、“特征”、“自定义菜单”。 在弹出的对话框中鼠标单击“缩放比例”项左边的勾选框,激活“缩放比例”...

  • 【起点精选】Axure:大气手风琴图片展示效果的制作

    操作分析 鼠标移入图片时,隐藏遮罩,鼠标移出图片时,显示遮罩。 单击某图片,其余图片逐渐隐藏,被点击的图片视图首先...

  • 第一次渲染(MapWinGis)

    MapWinGis使用 一、改善缩放功能 上一版本放大缩小都必须点击下工具栏的放大、缩小。是鼠标处于缩放状态,此时...

  • 图片点击按钮进行缩放

    需求:1.图片上方有两个按钮,一个是加号,一个是减号。点击加号,图片以中心点为圆心,进行放大。缩小同理。有设置最大...

  • Unity 根据鼠标位置缩放图片

  • PS入门教程笔记

    1、缩放工具:点击缩放工具后单击图片放大,摁住Alt键单击图片缩小 2、抓手工具:用于查看放大图片的各个位置(摁住...

  • javascript-放大镜特效

    点击查看 原理:鼠标在小图片上移动时,通过捕捉鼠标在小图片上的位置,定位大图片的位置 注意offsetWidth和...

网友评论

      本文标题:鼠标点击图片缩放

      本文链接:https://www.haomeiwen.com/subject/qmpnqqtx.html