如何让网页中的大图片自动缩小显示？
|
|
| 作者：未知 文章来源：转载 点击数： 更新时间：2008-1-1 17:14:55 |
|
|
| 【阅读字号：缩小 放大】 |
|
1、用鼠标拖动来改变大小
以下是代码片段：
<SCRIPT LANGUAGE="JavaScript">
function resizeImage(evt,obj){
newX=evt.x
newY=evt.y
obj.width=newX
obj.height=newY
}
</script>
<img src="7say.gif" ondrag="resizeImage(event,this)">
2、用鼠标滚动控制图片大小
以下是代码片段：
<img src="7say.gif" onmouseenter="focus();" onmouseout="blur();" onmousewheel="width+=(window.event.wheelDelta==120)?-5:+5;">
3、图片标签里用代码控制大小
以下是代码片段：
<img border="0" src="[!--picurl--]" onload="if(this.width>screen.width-500)this.style.width=screen.width-500;">
4、CSS控制图片大小
1. css2直接实现: img{max-width: 500px;} (IE暂不支持)
2. expression实现: img{width:expression(width>500?"500px":width);} (IE only)
3. 使用js. 方法: 用 document.getElementsByTagName("IMG") 的方法取得全部img元素 遍历img元素 判断其宽度并做相应操作
转载请注明：(来源：中华企业文化网)
|
| |
|
|
|
| 文章录入:xisheng 责任编辑：xisheng |
|
|
上一个搜索： 软件测试工具-BUGZILL的安装
下一个搜索： 网页中防止表格被撑破的方法总结 |
|
| 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 |
| |
|
|
|
|
