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

Prototype 学习 Prototype对象

Jul 12 Javascript

jquery 子窗口操作父窗口的代码

Sep 21 Javascript

深入理解JavaScript是如何实现继承的

Dec 12 Javascript

JavaScript脚本库编写的方法

Dec 09 Javascript

JS判断是否长按某一键的方法

Mar 02 Javascript

Node.js操作Firebird数据库教程

Mar 04 Javascript

Bootstrap面板使用方法

Jan 16 Javascript

JS跨域请求外部服务器的资源

Feb 06 Javascript

vue.js使用v-model指令实现的数据双向绑定功能示例

May 22 Javascript

vue服务端渲染添加缓存的方法

Sep 18 Javascript

vue+vant使用图片预览功能ImagePreview的问题解决

Apr 10 Javascript

ant design vue 表格table 默认勾选几项的操作

Oct 31 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