动画 toggle
来源:互联网 发布:学习办公软件视频 编辑:程序博客网 时间:2024/05/22 03:50
<html>
<head>
<meta charset="utf-8"/>
<style>
*{ margin:0; padding:0;}
body{font-size:15px;}
#container{ margin:60px; line-height:2em; width:300px;
border:0px solid #CCC;}
.head{ background:#999; padding:5px; cursor:pointer;}
.content{ text-indent:15px;}
</style>
<script type="text/javascript" src="../script/jquery-
1.4.2.min.js"></script>
<script>
//动画效果slideUp() slideDown()
$(function(){
$("h5.head").click(function(){
$("div.content").toggle();
});
})
</script>
</head>
<body>
<div id="container">
<h5 class="head">什么是jQuery?</h5>
<div class="content">
JQuery是继prototype原型之后又一个javascript库,他凭借简单的代码和完善的
浏览器兼容性,再加上强大的DOM操作,完善的事件处理机制,强大的ajax操作,加
大的简化了javascript开发人员的工作。
</div>
</div>
<div id="cord"></div>
</body>
</html>
<head>
<meta charset="utf-8"/>
<style>
*{ margin:0; padding:0;}
body{font-size:15px;}
#container{ margin:60px; line-height:2em; width:300px;
border:0px solid #CCC;}
.head{ background:#999; padding:5px; cursor:pointer;}
.content{ text-indent:15px;}
</style>
<script type="text/javascript" src="../script/jquery-
1.4.2.min.js"></script>
<script>
//动画效果slideUp() slideDown()
$(function(){
$("h5.head").click(function(){
$("div.content").toggle();
});
})
</script>
</head>
<body>
<div id="container">
<h5 class="head">什么是jQuery?</h5>
<div class="content">
JQuery是继prototype原型之后又一个javascript库,他凭借简单的代码和完善的
浏览器兼容性,再加上强大的DOM操作,完善的事件处理机制,强大的ajax操作,加
大的简化了javascript开发人员的工作。
</div>
</div>
<div id="cord"></div>
</body>
</html>
- 动画 toggle
- jQuery动画animate使用show hide toggle
- JQuery 显示隐藏动画( show(),hide(),toggle() )
- toggle()
- 【jQuery】调用toggle()方法实现动画切换效果
- jquery 动画函数animate/show/slideDown/fadeIn/toggle
- jQuery动画效果(show与hide/toggle/slideUp/slideToggle/fadeIn/fadeTo)
- jQuery动画效果(show与hide/toggle/slideUp/slideToggle/fadeIn/fadeTo)
- jQuery动画-让页面动起来! (2)基本的动画函数主要分为show, hide和toggle
- javascript toggle
- Toggle Button
- 总结toggle
- android toggle
- toggle()方法
- Toggle Buttons
- jquery.toggle
- Toggle开关
- Toolbar Toggle
- COM编程入门
- java集合框架
- 编程之美2013 集会
- win7(windows 7)系统下安装SQL2005(SQL Server 2005)图文教程
- linux下编译安装与卸载 tar.gz文件
- 动画 toggle
- MFC Cstring unicode 转换为utf8
- OAuth(开放授权):(第三方)通过(授权)令牌(Access Token)访问用户数据
- Nslookup命令详解
- 图片提示
- 输入3个字符串,要求将字母按由小到大的顺序输出
- AndroidTextView的跑马灯效果
- Android之计时器(Chronometer)的用法
- 我所理解的设计模式(C++实现)——组合模式(Composite Pattern)