编程 Javascript

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>

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

用javascript获取地址栏参数

Dec 22 Javascript

js将long日期格式转换为标准日期格式实现思路

Apr 07 Javascript

javascript闭包的理解

Apr 01 Javascript

全面了解JavaScript的数据类型转换

Jul 01 Javascript

Vuex之理解Store的用法

Apr 19 Javascript

原生JS实现隐藏显示图片 JS实现点击切换图片效果

Jan 27 Javascript

微信小程序分享功能之按钮button 边框隐藏和点击隐藏

Jun 14 Javascript

vue 配置多页面应用的示例代码

Oct 22 Javascript

ES6顶层对象、global对象实例分析

Jun 14 Javascript

微信小程序页面滚动到指定位置代码实例

Sep 07 Javascript

js中console在一行内打印字符串和对象的方法

Sep 10 Javascript

一篇文章弄清楚Ajax请求的五个步骤

Mar 17 Javascript

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

smarty巧妙处理iframe中内容页的代码

2012/03/07 PHP

使用PHP curl模拟浏览器抓取网站信息

2013/10/28 PHP

laravel使用Faker数据填充的实现方法

2019/04/12 PHP

Laravel框架数据库迁移操作实例详解

2020/04/06 PHP

javascript弹出层输入框(示例代码)

2013/12/11 Javascript

js校验表单后提交表单的三种方法总结

2014/02/28 Javascript

javascript面向对象之访问对象属性的两种方式分析

2015/01/13 Javascript

深入理解JavaScript系列（21）：S.O.L.I.D五大原则之接口隔离原则ISP详解

2015/03/05 Javascript

jQuery实现的仿select功能代码

2015/08/19 Javascript

JavaScript调试的多个必备小Tips

2017/01/15 Javascript

node.js中express模块创建服务器和http模块客户端发请求

2019/03/06 Javascript

JavaScript中AOP的实现与应用

2019/05/06 Javascript

vue-video-player 解决微信自动全屏播放问题(横竖屏导致样式错乱问题)

2020/02/25 Javascript

jQuery实现简单三级联动效果

2020/09/05 jQuery

[01:12:27]EG vs Secret 2018国际邀请赛淘汰赛BO3 第二场 8.22

2018/08/23 DOTA

[03:43]TI9战队采访——PSG.LGD

2019/08/22 DOTA

详细解析Python中的变量的数据类型

2015/05/13 Python

python中执行shell的两种方法总结

2017/01/10 Python

python实现下载文件的三种方法

2017/02/09 Python

python 实现一个贴吧图片爬虫的示例

2017/10/12 Python

Python实现的文轩网爬虫完整示例

2019/05/16 Python

Django权限设置及验证方式

2020/05/13 Python

python中numpy.empty()函数实例讲解

2021/02/05 Python

css3绘制天猫logo实现代码

2012/11/06 HTML / CSS

深入剖析HTML5 内联框架iFrame

2016/05/04 HTML / CSS

Oroton中国官网：澳洲知名奢侈配饰品牌

2017/03/26 全球购物

法国创作个性化T恤衫和其他定制产品平台：Tostadora

2018/04/08 全球购物

运行时异常与一般异常有何异同？

2014/01/05 面试题

院药学专业个人求职信

2013/09/21 职场文书

内科护士实习自我鉴定

2013/10/17 职场文书

会计专业毕业生求职信分享

2014/01/03 职场文书

高一新生军训感言

2014/03/02 职场文书

颁奖典礼主持词

2014/03/25 职场文书

租车协议书范本

2014/04/22 职场文书

Java 语言中Object 类和System 类详解

2021/07/07 Java/Android

Python如何加载模型并查看网络

2022/07/15 Python