jQuery动画效果

最新推荐文章于 2024-09-06 13:29:35 发布

iteye_21104

最新推荐文章于 2024-09-06 13:29:35 发布

阅读量62

点赞数

分类专栏： jquery 文章标签： javascript xhtml ViewUI

本文链接：https://blog.csdn.net/iteye_21104/article/details/82359855

版权

jquery 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
		<style type="text/css">
		div {
			background-color: #ADF;
			border: 2px solid black;
			width: 200px;
			height: 120px;
		}
		</style>
	</head>
	<body>
		<input type="button" value="toggle"
			onclick="$('#test1').toggle(1000);" />
		<br />
		<div id="test1">
			使用toggle控制的元素
		</div>
		<input type="button" value="slide down"
			onclick="$('#test2').slideDown(1000);" />
		<input type="button" value="slide up"
			onclick="$('#test2').slideUp(1000);" />
		<br />
		<div id="test2">
			使用Slide动画控制的元素
		</div>
		<input type="button" value="fade in" 
		onclick="$('#test3').fadeIn(1000);" />
		<input type="button" value="fade out" 
		onclick="$( '#test3').fadeOut(1000);"/>
		<br />
		<div id="test3">
			使用Fade动画控制的元素
		</div>
		<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
	</body>
</html>

iteye_21104

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery动画效果

[code="html"] div { background-color: #ADF; border: 2px solid black; width: 200px; height: 120px; } 使用toggle控制的元素使用...
复制链接

扫一扫

专栏目录