JQuery 图片的展开和伸缩实例讲解


Posted in Javascript onApril 18, 2013
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title></title> 
<style type="text/css"> 
#img1 
{ 
width:400px; 
height: 400px; 
border: solid 1px #ccc; 
display:none; 
} 
</style> 
<script src="jquery-1.9.1.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(function () { 
$('#Button1').click(function () { 
$('#img1').show(5000); //图片的展开 
}) 
$('#Button2').click(function () { 
$('#img1').hide(5000); //图片的伸缩 
}) 
}) 
</script> 
</head> 
<body> 
<img id="img1" src="images/1.jpg" /> 
<input id="Button1" type="button" value="展开图片"/> 
<input id="Button2" type="button" value="收缩图片"/> 
</body> 
</html>
Javascript 相关文章推荐
基于Web标准的UI组件 — 树状菜单(2)
Sep 18 Javascript
用js模拟JQuery的show与hide动画函数代码
Sep 20 Javascript
javascript管中窥豹 形参与实参浅析
Dec 17 Javascript
JavaScript日期时间格式化函数分享
May 05 Javascript
Js为表单动态添加节点内容的方法
Feb 10 Javascript
Javascript中的作用域和上下文深入理解
Jul 03 Javascript
javascript编写贪吃蛇游戏
Jul 07 Javascript
Javascript刷新窗口方法小结
Oct 21 Javascript
解决微信浏览器Javascript无法使用window.location.reload()刷新页面
Jun 21 Javascript
Bootstrap CSS组件之输入框组
Dec 17 Javascript
微信小程序实现手势图案锁屏功能
Jan 30 Javascript
20个最常见的jQuery面试问题及答案
May 23 jQuery
jQuery基本选择器选择元素使用介绍
Apr 18 #Javascript
jQuery层次选择器选择元素使用介绍
Apr 18 #Javascript
jQuery基本过滤选择器使用介绍
Apr 18 #Javascript
使用jQuery内容过滤选择器选择元素实例讲解
Apr 18 #Javascript
jQuery随机切换图片的小例子
Apr 18 #Javascript
JS 各种网页尺寸判断实例方法
Apr 18 #Javascript
jQuery 获取URL的GET参数值的小例子
Apr 18 #Javascript
You might like
PHP 字符串加密函数(在指定时间内加密还原字符串,超时无法还原)
2010/04/28 PHP
PHP-Fcgi下PHP的执行时间设置方法
2013/08/02 PHP
PHP程序员必须清楚的问题汇总
2014/12/18 PHP
PHP实现页面静态化的超简单方法
2016/09/06 PHP
手把手编写PHP框架 深入了解MVC运行流程
2016/09/19 PHP
php显示页码分页类的封装
2017/06/08 PHP
PHP dirname简单使用代码实例
2020/11/13 PHP
原生JS实现美图瀑布流布局赏析
2015/09/07 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(基于jquery)
2015/11/18 Javascript
js获取本机操作系统类型的两种方法
2015/12/19 Javascript
jQuery实现日期联动效果实例
2016/07/26 Javascript
jQuery实现的简单在线计算器功能
2017/05/11 jQuery
利用JavaScript实现栈的数据结构示例代码
2017/08/02 Javascript
nodejs对express中next函数的一些理解
2017/09/08 NodeJs
用VsCode编辑TypeScript的实现方法
2020/05/07 Javascript
vue 通过绑定事件获取当前行的id操作
2020/07/27 Javascript
Python实现国外赌场热门游戏Craps(双骰子)
2015/03/31 Python
Python的Django框架中的数据过滤功能
2015/07/17 Python
解决python nohup linux 后台运行输出的问题
2018/05/11 Python
python的常用模块之collections模块详解
2018/12/06 Python
celery4+django2定时任务的实现代码
2018/12/23 Python
python3实现带多张图片、附件的邮件发送
2019/08/10 Python
python3实现弹弹球小游戏
2019/11/25 Python
使用CSS实现弹性视频html5案例实践
2012/12/26 HTML / CSS
HTML5中的Scoped属性使用实例
2014/04/23 HTML / CSS
非功能性需求都包括哪些方面
2013/10/29 面试题
Python如何定义一个函数
2015/09/01 面试题
员工拓展培训方案
2014/02/15 职场文书
大学生推广普通话演讲稿
2014/09/21 职场文书
党支部三会一课计划
2014/09/24 职场文书
领导班子对照检查剖析材料
2014/10/13 职场文书
离职感谢信怎么写
2015/01/22 职场文书
母亲节寄语大全
2015/02/27 职场文书
Windows10下安装MySQL8
2021/04/06 MySQL
Python基础知识之变量的详解
2021/04/14 Python
Python中os模块的简单使用及重命名操作
2021/04/17 Python