JQuery实现DIV点击无限放大:
鼠标点击红色边线的div则会无限放大红块。
实例代码下载:
http://cdn.aidezy.com/f.php?k=e1093
代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> #kuang{ height: 500px; width: 500px; border: 1px solid red; } </style> </head> <body> <img src="http://wl.aidezy.com/2019063021041035340740.png" > <br> <div id="kuang" > </div> </body> <script type="text/javascript" src="jquery-3.4.1.js"></script> <script type="text/javascript"> function dian(){ if ($('img').attr('src').indexOf('2019063021041035340740') == -1 ){ $('img').attr('src' , 'http://wl.aidezy.com/2019063021041035340740.png'); }else{ $('img').attr('src' , 'http://wl.aidezy.com/2019063021071151142083.png'); } } </script> <script type="text/javascript"> //作者无陌然 blog: aidezy.com function dian2(){ var h = parseInt($('#kuang').css('height')); var w = parseInt($('#kuang').css('width')); $('#kuang').css('width' , 10 + h + 'px'); $('#kuang').css('height' , 10 + w + 'px'); } </script> </html>
资源均来自第三方,谨慎下载,前往第三方网站下载 解压密码:www.xkwo.com 解压密码:www.xkwo.com 解压密码:www.xkwo.com 解压密码:www.xkwo.com 解压密码:www.xkwo.com 解压密码:www.xkwo.com 解压密码:www.xkwo.com 解压密码:www.xkwo.com