图片自动适应大小
来源:互联网 发布:淘宝违规处理考试 编辑:程序博客网 时间:2024/05/01 02:59
方法一[javascript]:
onload="javascript:if(this.width>450)this.style.width=450;"
onload="javascript:if(this.width>450)this.style.width=450;else this.style.width=200"
onload="javascript:if(this.width>450)this.style.width=450;if(this.width<200)this.style.width=200;"
下面的代码将相应鼠标点击事件,以新窗口打开当前图片:
onClick="javascript:window.open(this.href,'','');return false;"
***************************************************************************
方法二[CSS]:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>图片自动适应大小</title>
<style type="text/css">
<!--
body {
font-size: 12px;
text-align: center;
margin: 0px;
padding: 100px;
width:800px
}
#text{
padding:10px;
margin:0px;
float:left;
width:456px;
border:1px dashed #000;
height:203px;
line-height:20px;
}
#fixwidth{
width:790px;
border:1px solid #333;
}
#fixwidth img{
float:right;
margin:0px;
max-width:300px;
width:expression(document.body.clientWidth > 780?"300px": "auto" );
border:1px dashed #000;
}
-->
</style>
</head>
<body>
<h1>图片自动适应大小</h1>
<div id="fixwidth">
<div id="text">
这是图片自动适应大小,试着改动<br />
</div>
<img src="http://news.xinhuanet.com/photo/2006-03/29/xinsrc_02203032921351711407105.jpg">
</div>
</body>
</html>
- 图片自动适应大小
- 图片自动适应大小
- CSS图片自动适应大小
- 下载图片,大小自动适应
- 用css让图片自动适应大小
- 用css让图片自动适应大小
- 用css让图片自动适应大小
- 让图片自动适应框的大小
- 图片自动适应容器大小的JS
- excel插入图片自动适应表格大小
- 获取手机屏幕大小和图片自动适应大小
- kindeditor图片上传并且图片自动适应编辑器大小
- 自动适应窗口大小
- 自动适应窗口大小
- dialog 大小自动适应
- 网页背景图片自动适应窗口大小的代码
- Delphi自动适应屏幕大小
- iframe 自动适应页面大小
- 生活的态度
- 企业如何领导人才
- 第一次
- javascript收集
- C++/CLI的函数覆盖
- 图片自动适应大小
- $
- 接入网VS核心网
- 安装SQL Server 2000 提示文件挂起错误解决办法
- 开篇
- Python_mysql for win32 配置篇(一)
- Swing开篇
- 重复提交、重复刷新、防止后退的问题以及处理方式
- 2007.3.7--C++学习日记--MFC--ZeroMemory宏