求一个思路,可否把一个DIV作为整体对象做放大缩小的效果

azt2233 2013-05-08 04:39:45

我已经做到用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的变大而变大或者不变大但是能够移动。
...全文
696 2 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
Assassin_ 2013-05-08
  • 打赏
  • 举报
回复
div肯定是控制不了img的。 只能拆开两个obj 来操作
天际的海浪 2013-05-08
  • 打赏
  • 举报
回复
用css的zoom试试

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧