鼠标悬浮放大
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\'] }) }
故乡明
以上是关于鼠标悬浮放大的主要内容,如果未能解决你的问题,请参考以下文章
elementUI的vue的列表图片悬浮,鼠标移动去图片放大。