html中点击照片时放大缩小,基于jquery实现一张图片点击鼠标放大再点缩小

. 代码如下:

var isopen = false;

var newImg;

var w = 200; //将图片宽度+200

var h = 200; // 将图片高度 +200

$(document).ready(function(){

$("img").bind("click", function(){

newImg = this;

if (!isopen)

{

isopen = true;

$(this).width($(this).width() + w);

$(this).height($(this).height() + h);

moveImg(10, 10);

}

else

{

isopen = false;

$(this).width($(this).width() - w);

$(this).height($(this).height() - h);

moveImg(-10, -10);

}

});

});

//移位

i = 0;

function moveImg(left,top)

{

var offset = $(newImg).offset();

$(newImg).offset({ top: offset.top + top, left: offset.left + left});

if (i == 10)

{

i =0;

return;

}

setTimeout("moveImg("+left+","+top+")", 10);

i++;

}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/435944.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

css入门之head区设置

收藏夹小图标 如果你将本站加入收藏夹,可以看到在收藏夹网址之前的IE图标变成了本站特别的图标。要实现这样效果很简单,首先制作一个16x16的icon图标,命名为favicon.ico,放在根目录下。然后将下面的代码嵌入head区: &l…

初识WINCE的HIVE注册表

要点:1、WINCE5.0的注册表共分为两类--RAM based及HIVE based;2、RAM based注册表特点是在内核启动时,被释放到内存,用户可以修改,但由于是基于内存的方式,所以在系统掉电后&#xf…

【转】Dicom基础知识

DICOM 文件可以大致分为两部分: 一部分:与 图像 相关 的 元 信息 ,包括患者信息,检查信息,序列信息,图像信息等等。 另一部分:图像的像素数据。 在解析DICOM文件中的像素数据的时候,…

04751计算机网络安全讲解,【19份】04751计算机网络安全自考试卷_历年真题自考答案及解析_湖南080901计算机科学与技术(原B080702计算机及应用)专业-自考生资料网...

1、资料如何使用本商城提供资料为WORD版,可打印成纸质版,结合备考习惯,营造考试氛围。支持手机查看,随时随地,高效学习。WORD文档也可直接用于电脑端学习,快速浏览,永久使用。2、文档无法编辑&a…

湖北省汉十高速公路项目接近尾声,所想所感真的值得写写

湖北省汉十高速公路的项目是我接的第一个B/S结构的软件项目,总体感觉吧:有点粗糙。虽然基本功能已经实现。想来不经意的来了一个公司竟然还能做一个这样的项目。前前后后2个月的开发周期,也让我感到做此类项目,需要你的技术点很多…

WINCE恢复默认HIVE注册表的方法

当Wince使用了HIVE注册表后,每次用户的注册表改动将得到保存,但是在某些应用场合需要将注册表还原成为出厂的默认设置,通常要求能够在AP中通过点击一个按钮来实现这种clean boot。使用我前面的文章的方法配置的HIVE系统注册表和HIVE用户注册表…

【转】DICOM协议新手入门资料-DICOM协议详细解释!!

转自:https://blog.csdn.net/zhuwei0710/article/details/82620036 数字影像传输标准协议的初衷,是为了在不同厂商生产的数字影像设备之间实现影像及其附属信息的调用。这个标准的最初版本是所谓ACR(美国放射学会)-NEMA&#xff…

博士期间要注意的几个问题

博士期间要注意的几个问题 读博士是一件非常艰苦和漫长的过程,相信在经历了博士期间的洗礼,一个人的思想会得到升华,视野会得到拓宽,人生会更加充实和丰富,为以后的人生打好了坚实的基础! 在博士期间&#…

html设置页面编码gbk,GBK及UTF-8网页编码定义与应用

网页编码英文译为web page encoding,是在网页中指定其特定的字符编码格式的库。GBK是国家标准GB2312基础上扩容后兼容GB2312的标准。GBK的文字编码是用双字节来表示的,即不论中、英文字符均使用双字节来表示,为了区分中文,将其最高…

VxWorks常用的命令

1.与任务相关的命令 sp function,[arg1],...,[arg9] -启动任务,最多接受9个参数,默认的优先级100、堆栈20000字节 period n,function,[arg1],...,[arg8] -创建一个周期调用function的任务,周期为n秒&#x…

【转】Wireshark网络抓包(三)——网络协议

转自:https://www.cnblogs.com/strick/p/6262284.html 一、ARP协议 ARP(Address Resolution Protocol)地址解析协议,将IP地址解析成MAC地址。 IP地址在OSI模型第三层,MAC地址在OSI第二层,彼此不直接通信…

jquery技巧总结-转载

jquery技巧总结一、简介1.1、概述随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优 秀的Js框架,其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等,通过将这些JS 框架应用到我们的项目中能够使…

川农计算机网络题库,川农网院20秋《计算机网络》期末机考

《计算机网络》期末机考, j9 g5 q- D# p w1.[单选题] 般在10M或100M局域网中,至少要用双绞线多少蕊( ) p2 N: n5 g d A.6) p. a5 B& d2 Z7 l B.104 ^5 l$ 0 C" j& L f# \& " \1 Y C.8, |6 j: y) F2 }; }$ kD.43 o I U$ S0 ) c/ |;…

Vxworks系统学习之一----任务

1.任务队列 vxworks维护4个队列: tick队列 ready队列 active队列 pend队列 一,tick队列 当执行taskDelay时,任务会被延长一段时间执行,此时,任务就会被加入到tick队列中,任务处于Delay状态&#xff…

【转】Wireshark网络抓包(四)——工具

转自:https://www.cnblogs.com/strick/p/6344486.html 一、基本信息统计工具 1)捕获文件属性(Summary) 1. File:了解抓包文件的各种属性,例如抓包文件的名称、路径、文件所含数据包的规模等信息 2. Tim…

silverlight + wcf(json格式) + sqlserver存储过程分页

silverlight并没有提供现成的分页控件,百度了一圈,也没有发现aspx中好用的类似AspNetPager成熟控件,网上现有的一些分页代码,很多也是基于1.0版本的,silverlight2.0的并不多,自个儿琢磨了一下,发…

什么是指利用计算机和现代,现代计算机一般指什么计算机?

现代计算机一般指通用数字电子计算机,它是当今世界电子计算机行业中的主流,其内部处理的是一种称为符号信号或数字信号的电信号;它的主要特点是“离散”,在相邻的两个符号之间不可能有第三种符号存在。电子计算机分为模拟式电子计…

程序员成长之路

程序员的成长经历往往很相似,大部分的人走过了最前面相同的一段路,而有的人则走得更远。总结自己这些年来的历程,这也许能让年轻的程序员少走一些弯路,成长得更快;或许更好一些,能让大家从中得到一些启发&a…

【转】VS中常用图标提示含义

转自:https://www.cnblogs.com/zhjason/articles/14044190.html 有增删 “类视图”和“对象浏览器”图标 “类视图”和“对象浏览器”显示表示代码实体的图标,如命名空间、类、函数和变量 。 下表展示和描述了图标。 图标描述图标描述图标描述图标描述…

与计算机相关的课外活动,课外活动学生论文,关于应用型院校计算机专业课外活动相关参考文献资料-免费论文范文...

导读:本论文是一篇免费优秀的关于课外活动学生论文范文资料,可用于相关论文写作参考。(东北农业大学成栋学院 计算机科学与技术系 黑龙江哈尔滨 150025)摘 要:应用型院校计算机专业课外活动在课堂知识的基础上得到延伸,其丰富多彩,灵活多样的教学形式有利于增进学生…