控制DIV内图片大小
2011-04-01 00:50
176 查看
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<style type="text/css">
#IMGBOX img{
width:80px;height:80px;margin-right:10px
}
</style>
<a href="javascript:;" onclick="$('#IMGBOX img').css({width:100,height:100})">
100*100</a> <a href="javascript:;" onclick="$('#IMGBOX img').css({width:50,height:50})">
50*50</a> <a href="javascript:;" onclick="$('#IMGBOX img').css({width:'',height:''})">原始</a>
<div id="IMGBOX">
<img alt="" src="http://center.blueidea.com/data/avatar/000/50/34/69_avatar_small.jpg" /><img alt="" src="http://center.blueidea.com/data/avatar/000/50/34/69_avatar_small.jpg" /><img alt="" src="http://center.blueidea.com/data/avatar/000/50/34/69_avatar_small.jpg" />
</div>
<style type="text/css">
#IMGBOX img{
width:80px;height:80px;margin-right:10px
}
</style>
<a href="javascript:;" onclick="$('#IMGBOX img').css({width:100,height:100})">
100*100</a> <a href="javascript:;" onclick="$('#IMGBOX img').css({width:50,height:50})">
50*50</a> <a href="javascript:;" onclick="$('#IMGBOX img').css({width:'',height:''})">原始</a>
<div id="IMGBOX">
<img alt="" src="http://center.blueidea.com/data/avatar/000/50/34/69_avatar_small.jpg" /><img alt="" src="http://center.blueidea.com/data/avatar/000/50/34/69_avatar_small.jpg" /><img alt="" src="http://center.blueidea.com/data/avatar/000/50/34/69_avatar_small.jpg" />
</div>
相关文章推荐
- 移动app开发,固定图片div宽高,根据实际图片大小控制图片不变形
- 移动app开发,固定图片div宽高,根据实际图片大小控制图片不变形
- css控制背景图片随div的大小而缩放
- css控制背景图片随div的大小而缩放
- 图片尺寸自动适应div(div控制图片大小自适应)
- 图片尺寸自动适应div(div控制图片大小自适应)
- css控制背景图片随div的大小而缩放
- css控制背景图片随div的大小而缩放
- css控制背景图片随div的大小而缩放
- 用CSS来控制图片显示大小
- 网页里控制图片大小的相关代码
- 自动设定div中的img的图片的大小;截取图片加载事件
- css图片缩放 通过css控制图片自动缩放至css定义大小
- div里面的图片超出div的宽度,自动调整大小。
- 图片自适应div的大小
- 关于二维码ji 中的图片中间的二维码大小控制
- JS控制图片显示的大小(图片等比例缩放)
- CSS3控制背景图片大小
- 用JS控制页面图的图片大小的通用代码
- java: 用 jxl: 精确控制图片的位置和大小