jQuery使用一个按钮控制图片的伸缩实现思路


Posted in Javascript onApril 19, 2013
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title></title> 
<style type="text/css"> 
#img1 
{ 
width: 500px; 
height: 400px; 
border: solid 1px #ccc; 
display:none; 
} 
</style> 
<script src="jquery-1.9.1.js" type="text/javascript"></script> 
<script type="text/javascript"> 
var count = 0; 
$(function () { 
$('#Button1').click(function () { 
if (count % 2 != 0) { 
$('#img1').hide(5000); 
} 
else { 
$('#img1').show(5000); 
} 
count++; 
}) 
}) 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<img id="img1" src="images/1.jpg" /> 
<input id="Button1" type="button" value="点我看看" /> 
</div> 
</form> 
</body> 
</html>
Javascript 相关文章推荐
使用prototype.js 的时候应该特别注意的几个问题.
Apr 12 Javascript
了解一点js的Eval函数
Jul 26 Javascript
javascript如何动态加载表格与动态添加表格行
Nov 27 Javascript
javascript学习笔记--数字格式类型
May 22 Javascript
jQuery中attr()方法用法实例
Jan 05 Javascript
JS三级可折叠菜单实现方法
Feb 29 Javascript
浅谈Vue的基本应用
Dec 27 Javascript
jQuery基于ajax方式实现用户名存在性检查功能示例
Feb 10 Javascript
Vue组件实例间的直接访问实现代码
Aug 20 Javascript
Vue 组件参数校验与非props特性的方法
Feb 12 Javascript
微信小程序页面间跳转传参方式总结
Jun 13 Javascript
javascript实现简单打字游戏
Oct 29 Javascript
使用jQuery同时控制四张图片的伸缩实现代码
Apr 19 #Javascript
使用jQuery实现的网页版的个人简历(可换肤)
Apr 19 #Javascript
兼容IE和Firefox火狐的上下、左右循环无间断滚动JS代码
Apr 19 #Javascript
JS实现div内部的文字或图片自动循环滚动代码
Apr 19 #Javascript
Jquery实现页面加载时弹出对话框代码
Apr 19 #Javascript
jQuery阻止同类型事件小结
Apr 19 #Javascript
基于JavaScript 数据类型之Boolean类型分析介绍
Apr 19 #Javascript
You might like
php实现等比例不失真缩放上传图片的方法
2016/11/14 PHP
PHP实现的文件操作类及文件下载功能示例
2016/12/24 PHP
phpstudy2020搭建站点的实现示例
2020/10/30 PHP
css+js实现部分区域高亮可编辑遮罩层
2014/03/04 Javascript
JavaScript数组push方法使用注意事项
2017/10/30 Javascript
jquery如何实现点击空白处隐藏元素
2017/12/05 jQuery
详解webpack模块化管理和打包工具
2018/04/21 Javascript
JS闭包经典实例详解
2018/12/20 Javascript
js使用文件流下载csv文件的实现方法
2019/07/15 Javascript
原生JS实现微信通讯录
2020/06/18 Javascript
解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题
2020/08/14 Javascript
Vue 数据绑定的原理分析
2020/11/16 Javascript
[54:09]RNG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.23
2019/09/05 DOTA
python strip()函数 介绍
2013/05/24 Python
用Python编写web API的教程
2015/04/30 Python
python实现斐波那契数列的方法示例
2017/01/12 Python
Python中字典的setdefault()方法教程
2017/02/07 Python
Windows环境下python环境安装使用图文教程
2018/03/13 Python
Python元组拆包和具名元组解析实例详解
2018/03/26 Python
解决Python print 输出文本显示 gbk 编码错误问题
2018/07/13 Python
浅谈pycharm出现卡顿的解决方法
2018/12/03 Python
对python判断是否回文数的实例详解
2019/02/08 Python
python 实现将多条曲线画在一幅图上的方法
2019/07/07 Python
Pycharm如何导入python文件及解决报错问题
2020/05/10 Python
记录模型训练时loss值的变化情况
2020/06/16 Python
如何基于Python pygame实现动画跑马灯
2020/11/18 Python
html5之Canvas路径绘图、坐标变换应用实例
2012/12/26 HTML / CSS
利用HTML5的新特点实现图片文件异步上传
2014/05/29 HTML / CSS
深入浅析HTML5中的article和section的区别
2018/05/15 HTML / CSS
俄罗斯GamePark游戏商店网站:购买游戏、游戏机和配件
2020/03/13 全球购物
几个数据库方面的面试题
2016/07/01 面试题
基层党建工作宣传标语
2014/06/24 职场文书
教师三严三实学习心得体会
2014/10/11 职场文书
销售员态度差检讨书
2014/10/26 职场文书
公司承诺函范文
2015/01/21 职场文书
2019年行政人事个人工作总结范本!
2019/07/19 职场文书