首页
网页特效库
网页特效库
导航菜单
按钮表单
背景特效
时间日期
图片特效
鼠标特效
文本操作
窗口页面
状态栏类
警告对话
综合应用
游戏娱乐
首页
>
特效
>
图片特效
> 正文
CSS实现区域内等比例放大缩小图片代码
2011-07-18 图片特效 1638℃
<p> <meta content="text/html; charset=gb2312" http-equiv="Content-Type" /><style type="text/css"> <!-- body { font-size: 12px; text-align: center; margin: 0; padding: 0; } #pic { margin:0 auto; width:90%; padding:0; border:1px solid #333; } #pic img { max-width:80%; mywidth:expression(onload=function() { this.style.width=(this.offsetWidth >document.getElementById("pic").scrollWidth*8/10)? "80%": "auto" } ); border:1px dashed #000; --></style></p> <div id="pic"> <h3>缩放窗口大小试试</h3> <img alt="测试图片" onload="return imgzoom(this,600);" style="cursor: pointer" src="/images/tx/1.jpg" /></div>
相关特效代码
无相关信息
热门特效代码
js图片自动切换代码
CSS实现区域内等比例放大缩小图片
JS图片切换效果
飘动图片广告代码
鼠标经过图片变大
简单高效的javascript 幻灯片播放
JavaScript封装的平滑图片滚动，
点击图片出现大图
图片局部放大效果特效
图片上下左右拉伸效果特效
推荐特效代码
点击按钮淡入淡出弹出图文信息
探照灯效果图片特效代码
简单高效的javascript 幻灯片播放
飘动图片广告代码
JavaScript封装的平滑图片滚动，
超酷超绚精美图片展示效果代码
