Kmspico Download | Official KMS Activator Website [New Version 2024] Fast and Easy Converter YouTube to MP3 Online KMSAuto Net Activator Download 2024 Immediate Byte Pro Neoprofit AI Blacksprut without borders. Discover new shopping opportunities here where each link is an entrance to a world ruled by anonymity and freedom.

Animate Div Height and Width on Hover Using jQuery

Hello Guys Today i will tell you through this tutorial how you can hover through mouse in jquery with the help of element or div. you are explained through the code below.

Keywords :- jQuery animate function tutorial, Change div height & width on hover with animation using jquery, Animate an element, by changing its height and width.


<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<title>Animate Div Height and Width on Hover Using jQuery</title>
<style type="text/css">
width: 200px;
height: 150px;
background: #f0e68c;
border: 1px solid #a29415;
<script src=""></script>
<script type="text/javascript">
var boxWidth = $(".box").width();
var boxheight = $(".box").height();
width: "400",
height: "800"
width: boxWidth,
height: boxheight,
<p><strong>Note:</strong> Place mouse pointer over the box to play the animation.</p>
<div class="box"></div>