编程 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函数

May 27 Javascript

js中使用DOM复制（克隆）指定节点名数据到新的XML文件中的代码

Jul 27 Javascript

鼠标经过tr时,改变tr当前背景颜色

Jan 13 Javascript

JavaScript中一个奇葩的IE浏览器判断方法

Apr 16 Javascript

jquery的幻灯片图片切换效果代码分享

Sep 07 Javascript

使用jQuery制作浮动工具栏的实例分享

May 13 Javascript

老生常谈 js中this的指向

Jun 30 Javascript

再谈Javascript中的异步以及如何异步

Aug 19 Javascript

微信小程序开发之快递查询功能的实现

Jan 09 Javascript

JS执行控制之节流模式实例分析

Dec 21 Javascript

Promise扫盲贴

Jun 24 Javascript

vue通过过滤器实现数据格式化

Jul 20 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

也谈php网站在线人数统计

2008/04/09 PHP

php header()函数使用说明

2008/07/10 PHP

MySQL连接数超过限制的解决方法

2011/07/17 PHP

php页面消耗内存过大的处理办法

2013/03/18 PHP

PHP中调用SVN命令更新网站方法

2015/01/07 PHP

Laravel find in set排序实例

2019/10/09 PHP

Js+Dhtml:WEB程序员简易开发工具包(预先体验版)

2006/11/07 Javascript

JavaScript下申明对象的几种方法小结

2008/10/02 Javascript

用正则表达式动态创建/增加css style script 兼容IE firefox

2009/03/10 Javascript

基于jQuery捕获超链接事件进行局部刷新代码

2012/05/10 Javascript

javascript改变position值实现菜单滚动至顶部后固定

2013/01/18 Javascript

javascript中验证大写字母、数字和中文

2014/01/15 Javascript

jQuery 鼠标经过(hover)事件的延时处理示例

2014/04/14 Javascript

用javascript关闭本窗口技巧小结

2014/09/05 Javascript

微信公众号摇一摇周边功能开发

2016/12/08 Javascript

JavaScript基础之AJAX简单的小demo

2017/01/29 Javascript

Vue2.0用户权限控制解决方案的示例

2018/02/10 Javascript

js中call()和apply()改变指针问题的讲解

2019/01/17 Javascript

微信小程序使用字体图标的方法

2019/05/23 Javascript

react中Suspense的使用详解

2019/09/01 Javascript

JavaScript 实现同时选取多个时间段的方法

2019/10/17 Javascript

Vue Router的手写实现方法实现

2020/03/02 Javascript

简单讲解Python编程中namedtuple类的用法

2016/06/21 Python

Python堆排序原理与实现方法详解

2018/05/11 Python

Python使用pylab库实现绘制直方图功能示例

2018/06/01 Python

Python爬虫:将headers请求头字符串转为字典的方法

2019/08/21 Python

Python-openpyxl表格读取写入的案例详解

2020/11/02 Python

HTML5的download属性详细介绍和使用实例

2014/04/23 HTML / CSS

基层党组织公开承诺书

2014/03/28 职场文书

酒店人事专员岗位职责

2015/04/07 职场文书

社区敬老月活动总结

2015/05/07 职场文书

运动会主持人开幕词

2016/03/04 职场文书

2016年“节能宣传周”活动总结

2016/04/05 职场文书

编写python程序的90条建议

2021/04/14 Python

php双向队列实例讲解

2021/11/17 PHP

nginx.conf配置文件结构小结

2022/04/08 Servers