放大缩小图片
2016-04-05 22:44
344 查看
<!DOCTYPE html>
<html>
<head>
<title>放大缩小图片</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<script type="text/javascript">
//兼容IE和火狐 缩小放大、缩放
function ImageSuofang(args) {
var oImg = document.getElementById("oImg");
if (args) {
oImg.width = oImg.width * 2;
oImg.height = oImg.height * 2;
setInterval("",2000);
}
else {
oImg.width = oImg.width / 2;
oImg.height = oImg.height / 2;
setInterval("",2000);
}
}
</script>
</script>
<form id="form1">
<div class="container">
<img id="oImg" src="img/1.jpg" alt="pic" onmouseover="ImageSuofang(true)" onmouseout="ImageSuofang(false)" />
</div>
</form>
</body>
</html>
<html>
<head>
<title>放大缩小图片</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<script type="text/javascript">
//兼容IE和火狐 缩小放大、缩放
function ImageSuofang(args) {
var oImg = document.getElementById("oImg");
if (args) {
oImg.width = oImg.width * 2;
oImg.height = oImg.height * 2;
setInterval("",2000);
}
else {
oImg.width = oImg.width / 2;
oImg.height = oImg.height / 2;
setInterval("",2000);
}
}
</script>
</script>
<form id="form1">
<div class="container">
<img id="oImg" src="img/1.jpg" alt="pic" onmouseover="ImageSuofang(true)" onmouseout="ImageSuofang(false)" />
</div>
</form>
</body>
</html>
相关文章推荐
- [搬砖]Pycharm中启动IPython notebook失败提示load_entry_point ImportError: Entry point ('console_scripts', 'ipython') not found的解决方法
- Java Swing 只关闭当前窗体
- 算法学习之基础(背包 列队 栈) 习题1.3.9 补全括号
- 《leetCode》:Implement Stack using Queues
- 欢迎使用CSDN-markdown编辑器
- 蛇形矩阵(Z形矩阵),C++实现
- a毛 jquery 学习记 3 常规选择器(3)
- MySQL Compiling and Installation
- windows 环境变量 path的顺序
- Shell Script控制语句
- 1
- IE6中宽高值奇数1px bug
- Apache连接数设置
- Mysql一条sql语句实现数据去重操作
- x4412学习笔记
- 问卷调查作业
- ACM中java的使用
- linux 下C++查询mysql数据库
- 初始ionic
- 深入掌握JMS(二):一个JMS例子