当我进入包含一个. image size
_jquery
div
mouse
div
image
我的div
意志是,
<div class="toolbarIcon" >
<img width="40px" height="40px" src="toolbar/user_login.png"/><label class="toolbarLabel">Login</label>
</div>
CSS
将会,
.toolbarIcon {
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #E6E6E6;
width: 60px;
float: left;
}
也jquery
将是,
$(document).ready(function(){
$("#toolbar").corner("5px");
$(".toolbarIcon").corner();
$(".toolbarIcon").mouseover(function(){
$(this).css("background-color","#FFCC80");
});
$(".toolbarIcon").mouseout(function(){
$(this).css("background-color","#EBEBFF");
});
$(".toolbarIcon").mouseup(function(){
$(this).css("background-color","#FFCC80");
});
$(".toolbarIcon").mousedown(function(){
$(this).css("background-color","#E6B85C");
});
});
从design
,
到 ,
注意:图像的大小被改变了。我怎样才能做到这一点Jquery
,当我进入鼠标离子时div
。
好的答案绝对值得赞赏。