JQuery應用例項學習 —— 13 點選後邊框不斷變大
阿新 • • 發佈:2018-12-09
通過操作節點css屬性來控制邊框不斷變大
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style> div { width: 300px; height: 300px; border: 1px solid blue; } </style> <body> <div onclick="bian();"></div> </body> <script src="jquery.js"></script> <script> // 邊框不斷變大 function bian() { var w = parseInt($('div').css('width')); var h = parseInt($('div').css('height')); var b = parseInt($('div').css('borderBottomWidth')); $('div').css('width' , w + 10 + 'px'); $('div').css('height' , h + 10 + 'px'); $('div').css('borderBottomWidth' , b + 1 + 'px'); } </script> </html>