网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > 心得技巧
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.10分钟架设Blog实践.
.利用HTML优化加快网页速度.
.令网站打开提高速度的7大秘方.
.常用网页播放器代码.
.iframe透明的解决办法.
.页面设计中的层次感.
.正确使用字体和颜色 让网页内容更.
.改进网站设计提供的有意的建议.
.渐飞CMS普及风暴活动公告.
.经典收藏:网页页面常用的特殊符.
.揭开正则表达式的神秘面纱.
.一个合格网页设计师的标准是什么?.
.网页中添加调用qq或者msn聊天窗口.
.熟悉常用表单格式的五点技巧.
.网页制作人员在设计网页时注意的.
.让广告代码不影响网站打开速度的.
.震惊 任意修改大网站在Alexa说明.
.链接在Google搜索注册中的作用.
.图片左右循环连续滚动代码,解决.
.凸显个性 网页右键菜单我作主.

网页图片如何自适应网页大小,而不撑破表格

发表日期:2008-7-24


利用IE5.5以上版本的新的CSS属性,用JS判断如果图像的尺寸大于一个定值时,用ZOOM缩放

建个名为zoom.htc的behavior文件,代码如下:

<public:attach event="oncontentready"" onevent="zoom()" />

<script language="javascript">

function zoom(){

if(this.width>760)this.style.zoom=1/(width/760);       //ZOOM=1除以(宽除以规定宽度的)

}

</script>

具体应用该behavior
在网页中加入以下代码:

<style>
.hyperlook img { behavior:url('zoom.htc')}     //注意ZOOM.htc的路径
</style>

最后在需要控制的地方的前后加入:<div class="hyperlook">    </div>

以上只是在ie中的解决 方法

上一篇:网页中防止表格被撑破的方法总结 人气:1610
下一篇:2008年网页设计十条经验总结 人气:1560
浏览全部自适应网页大小的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐