求一个思路,可否把一个DIV作为整体对象做放大缩小的效果
我已经做到用jquery的hover把IMG的图片做到放大缩小,就是鼠标移动到图片上图片变大鼠标移走后图片变回来。代码应该很多人都见过,很简单。
<script type="text/javascript">
$(function(){
$('#col img').hover
function(){
var $this = $(this);
$this.animate({opacity:'1.0',height:'+=40px',width:'+=15px'});
},
function(){
var $this = $(this);
$this.animate({opacity:'1.0',height:'-=40px',width:'-=15px'});
}
);
});
</script>
那个col是一个大的DIV的id。
现在我想的是如果不是IMG,而是一个DIV呢,这个DIV里面有图片有文字,然后这个DIV还有background属性。
我想做到复数的长方形DIV一行行排下来,然后鼠标移动到一个DIV就按照比例变大,离开就变回去,这样的效果。
请问这样的能够实现吗,我最想要的是DIV里面的文字和图片元素也随着DIV的变大而变大或者不变大但是能够移动。