编程 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 相关文章推荐

JS面向对象、prototype、call()、apply()

May 14 Javascript

jQuery 行背景颜色的交替显示(隔行变色)实现代码

Dec 13 Javascript

javascript 用记忆函数快速计算递归函数

Mar 15 Javascript

原生js操作checkbox用document.getElementById实现

Oct 12 Javascript

jQuery实现鼠标移到元素上动态提示消息框效果

Oct 20 Javascript

jQuery控制网页打印指定区域的方法

Apr 07 Javascript

jQuery实现根据滚动条位置加载相应内容功能

Jul 18 Javascript

通过js控制时间,一秒一秒自己动的实例

Oct 25 Javascript

JavaScript实现异步图像上传功能

Jul 12 Javascript

微信小程序云开发如何实现数据库自动备份实现

Aug 16 Javascript

layui复选框的全选与取消实现方法

Sep 02 Javascript

利用JavaScript写一个简单计算器

Nov 27 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