js实现双击图片放大单击缩小的方法

作者: 计算机网络  发布:2019-09-06

正文实例陈述了js落成双击图片放大单击缩小的点子。分享给大家供我们参谋。具体落到实处方式如下:

js达成双击图片放大单击缩短的艺术,js双击

正文实例陈诉了js达成双击图片放大单击收缩的办法。分享给我们供大家参谋。具体完结方式如下:

复制代码 代码如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>双击图片放大,单击减弱</title>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function enlargeImage1(){
   image1.height="300"
}
function dropImage1(){
   image1.height="150"
}
//  End -->
</script>
<table>
<tr><td align="center">
<img src="/images/3.jpg" height="150" name="image1" ondblclick="enlargeImage1()" onclick="dropImage1()" style="cursor:pointer;"/>
</td></tr>
</table>
双击图片尝试预览效果。
</body>
</html>

目的在于本文所述对大家的javascript程序设计有着支持。

本文实例叙述了js达成双击图片放大单击缩短的措施。分享给大家供大家参照他事他说加以考察。具体贯彻格局如...

复制代码 代码如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>双击图片放大,单击减少</title>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function enlargeImage1(){
   image1.height="300"
}
function dropImage1(){
   image1.height="150"
}
//  End -->
</script>
<table>
<tr><td align="center">
<img src="/images/3.jpg" height="150" name="image1" ondblclick="enlargeImage1()" onclick="dropImage1()" style="cursor:pointer;"/>
</td></tr>
</table>
双击图片尝试预览效果。
</body>
</html>

盼望本文所述对大家的javascript程序设计具有协助。

你可能感兴趣的小说:

  • js放大镜放大图片效果
  • JS轻便的图纸放大裁减的三种方法
  • JS达成鼠标移动到缩略图展现大图的图纸放大效应
  • 鼠标滑上去后图片放大浮出职能的js代码
  • JavaScript图片放大镜效果代码[代码相比轻松]
  • JS完毕点击图片在脚下页面放大并可关闭的美好效果
  • 移步端点击图片放大特效PhotoSwipe.js插件实现
  • JavaScript 图片放大功效及代码表达
  • js 图片放大功用 校正版
  • js达成用滚动条来推广收缩图片的代码
  • JS与CSS3兑现图片响应鼠标移动加大成效示例

本文由今晚开什么码发布于计算机网络,转载请注明出处:js实现双击图片放大单击缩小的方法

关键词: