JS中图片的放大缩小没反应

这段代码无反应:

代码如下:

 1 <script type="text/javascript">
 2         onload = function () {
 3             document.getElementById(‘dv1‘).onmouseover = function () {
 4                 var imgObj1 = document.createElement(‘img‘);
 5                 imgObj1.setAttribute(‘src‘, ‘1224164136-0.jpg‘);
 6                 imgObj1.width = ‘800px‘;
 7                 imgObj1.height = ‘800px‘;
 8
 9                 imgObj1.style.position = ‘absolute‘;
10                 imgObj1.style.left = this.offsetLeft + ‘px‘;
11                 imgObj1.style.top = this.offsetTop + this.offsetHeight + ‘px‘;
12                 document.body.appendChild(imgObj1);
13             }
14         }
15     </script>
16 </head>
17 <body>
18     <div id="dv1">
19         哎呀<img id="img1" title="美人" alt="刷新加载" src="1224164136-0.jpg" style="width:900px;height:900px" />
20     </div>

各位兄弟看看是哪里的问题,小弟不胜感激!

时间: 2024-11-18 17:09:32

JS中图片的放大缩小没反应的相关文章

UIButon 控件的尺寸放大缩小(也可以理解为图片的放大缩小,思路是一样的)-学习笔记

图片的放大缩小功能的简单实现(以一个简单的猜图项目中的放大缩小为例) 思路: 1.创建一个UIButton * guessimage  控件,设定好位置,再创建一个button bigImage控件测试一下 放大图片的方法 goToBig,同样放好位置: 2.给 guessimage 设置边距,尺寸大小,同样 bigImage 也进行设置等等: 3.给 bigImage 添加点击 放大图片的方法:goToBig, 在goToBig里面 定义 4个 座标的值,也就是 CGFloat guessim

Android 本地/网路下载图片实现放大缩小

 Android 本地加载/网路下载图片实现放大缩小拖拉效果,自定义控件. package com.example.ImageViewCustom; import android.app.Activity; import android.os.Bundle; import com.example.ImageViewCustom.CustomControl.MImageView; public class MyActivity extends Activity { MImageView mImag

JS中图片飞飞效果

当鼠标在界面上移动的时候,后面有一连串的图片跟随者一起飘动,效果如下: 实现的基本思想:准备五个img标签,为了方便控制都放在一个div里面,设置div的定位方式为 fixed,设置成这中定位方式主要是为了解决在页面出现滚动条的情况下,图片还能够跟随鼠标移动.然后再鼠标移动的时候,延时给每一个图片设置定位的left和top距离就OK了.HTML和CSS代码如下: 1 <html xmlns="http://www.w3.org/1999/xhtml"> 2 <head

Java界面程序实现图片的放大缩小

Java界面程序实现图片的放大缩小.这个程序简单地实现了图片的打开.保存.放大一倍.缩小一倍和固定缩放尺寸,但是并没有过多的涵盖对图片的细节处理,只是简单地实现了图片大小的放缩. 思维导图如下: 效果图如下: 代码如下: package picture; import java.awt.*; import java.awt.event.*; import java.awt.image.BufferedImage; import javax.swing.*; import java.io.*; i

图片不能放大缩小的问题

今天在写一个通过js控制图片的宽度和高度的demo,出现了一个与我逾期不一样的问题一直以来,由于我们在页面中显示的图片一般不和给的图片尺寸相吻合,所以我们在页面中一般要对img标签定义一个宽高,如下面代码:html代码:      <div id = "main">             <img src="dog.jpg" id="dog"/>             <button id="bigge

Android多点触控技术,实现对图片的放大缩小平移,惯性滑动等功能

首先推荐一下鸿洋大大的打造个性的图片预览与多点触控视频教程,这套教程教我们一步一步实现了多点触控实现对图片的平移和缩放的功能,这篇文章我将在鸿洋大大的基础之上做了一些扩展功能: 1.图片的惯性滑动 2.图片缩放小于正常比例时,松手会自动回弹成正常比例 3.图片缩放大于最大比例时,松手会自动回弹成最大比例 实现图片的缩放,平移,双击缩放等基本功能的代码如下,每一行代码我都做了详细的注释 public class ZoomImageView extends ImageView implements

纯js实用DOM元素放大缩小特效插件

Zoomerang.js是一款非常实用的HTML DOM元素放大缩小js特效插件.它可以将页面上的任何元素进行放大缩小.当某个元素处于Zoomerang的监听状态时,点击该元素可以将它放大到屏幕的中间,再次点击它又会回到原来的位置. 使用注意事项: 该元素放大缩小效果依赖于CSS Transform(IE浏览器至少要IE10才能支持) 在固定尺寸的元素上效果最佳:display: block.display: inline-block和img. 避免在很长的文本段上使用. 在mobile上使用时

ViewPager图片预览之图片的放大缩小,移动,切换(第三课)连载

第三课(第三步):支持以手指触控的任意点为中心开始缩放 关键部分是在缩放的时候不断进行边界检测,防止放大后缩小后出现白边: /** * 在缩放的时候进行边界控制范围位置控制 */ private void checkBorderAndCenterWhenScale() { // TODO Auto-generated method stub RectF rect = getMatrixRectF(); float deltaX = 0; float deltaY = 0; float width

Android 图片的放大缩小拖拉

package com.example.ImageView; import android.annotation.SuppressLint; import android.content.Context; import android.graphics.*; import android.graphics.drawable.BitmapDrawable; import android.graphics.drawable.Drawable; import android.os.AsyncTask;