图片特效特效
返回网页特效代码库首页
，上传特效请点击右侧按钮>>
导航菜单
按钮表单
背景特效
时间日期
图片特效
鼠标特效
文本操作
窗口页面
状态栏类
警告对话
综合应用
游戏娱乐
更多...
首页
>
特效
>
图片特效
> 正文
CSS实现区域内等比例放大缩小图片代码
[ 收藏 ]
[ 被评 次 ]
℃
<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>
提示：部分代码无法运行预览时，请按说明调试代码。
您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效。
Flash素材库【
http://www.zlcool.com/flash/
】
分享到：
QQ空间
新浪微博
腾讯微博
人人网
相关特效：
无相关信息
查看更多>>
图片特效
上一篇：
返回列表
下一篇：
按钮控制图片大小
范文搜索
范文推荐
素材推荐
网站首页
|
关于我们
|
游客留言
|
网站地图
|
免责声明
|
返回顶部
陕ICP备05013981号
