鼠标悬浮放大

Posted Bonnie_ξ

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了鼠标悬浮放大相关的知识,希望对你有一定的参考价值。

// 功能介绍弹出提示
$(\'#wxDesc\').hover(function(){
    openMSG()
}, function(){
    layer.close(subtips)
})
function openMSG(){
    var content = document.getElementById(\'wxDesc\').innerText
    subtips = layer.tips(content, \'#wxDesc\', {skin: \'layui-layer-rim\', tips:[1,\'black\'],time: 0})
}

// 放大微信二维码
$(\'#wxQrUrl\').hover(function(){
    openIMG(\'wxQrUrl\')
}, function(){
    layer.close(imgTips)
})

function openIMG(id){
    var img = "<img class=\'img_msg\' src=\'" + document.getElementById(id).src + "\' style=\'width:130px\'>";
    imgTips = layer.tips(img, \'#\'+id, {
        tips:[3, \'rgba(41,41,41,.5)\']
        ,area: [\'160px\']
    })
}

 

故乡明

以上是关于鼠标悬浮放大的主要内容,如果未能解决你的问题,请参考以下文章

鼠标悬浮放大

js+css鼠标移动图片放大

elementUI的vue的列表图片悬浮,鼠标移动去图片放大。

angular js 鼠标移过图片放大,就是放在图片上图片放大 或者反击,

web页面,给控件添加鼠标悬浮事件,显示一个div,

HTML+CSS制作鼠标悬停效果