盒子大小是宽度:200px,高度:140px.使用动画更改框大小时,它将从左上角变换.如何改变它从中心转换.
HTML
<div class="box"></div>
Run Code Online (Sandbox Code Playgroud)
CSS
width:200px;
height:140px;
background-color:#0066CC;
Run Code Online (Sandbox Code Playgroud)
jQuery的
$('.box').mouseover(function() {
$(this).animate({
width: "210px",
height: "150px"
}, 200 );
});
$('.box').mouseout(function() {
$(this).animate({
width: "200px",
height: "140px"
}, 200 );
});
Run Code Online (Sandbox Code Playgroud) Html代码
<div id="a"></div>
<div id="b"></div>
<div id="box"></div>
Run Code Online (Sandbox Code Playgroud)
如何检查鼠标是否未超过#a和#b然后运行该功能
$("#a").mouseleave(function () {
$("#box").fadeOut(800));
});
Run Code Online (Sandbox Code Playgroud) 如何单击文本(abc)并将输入类型值,"some text"更改为"abc"
<div id="click"> abc </div>
<input type="text" value="some text"/>
<script>
$("#click").click(function () {
});
</script>
Run Code Online (Sandbox Code Playgroud) 如何使用jquery在第一个ul中添加一些像id ="menu1"的元素?
<ul /*Add to Here*/ >
Run Code Online (Sandbox Code Playgroud) jquery ×4