我需要減少image size
使用jquery
(而不是div
大小),當我輸入mouse
到div
其中包含image
。使用jquery縮小圖像大小?
我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
來自
要,
注:圖像的尺寸爲changed.How我能實現這個使用Jquery
,當我進入鼠標離子div
。
好的答案是肯定讚賞的。
當你將鼠標放在你的div或者'.css()' – Andrew 2013-05-03 15:17:11