zoukankan
html css js c++ java
jquery之超简单的div显示和隐藏特效demo
1
<!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
2
<
html
xmlns
="http://www.w3.org/1999/xhtml"
>
3
<
head
>
4
<
meta
http-equiv
="Content-Type"
content
="text/html; charset=utf-8"
/>
5
<
title
>
无标题文档
</
title
>
6
<
script
src
="jquery_last.js"
type
="text/javascript"
></
script
>
7
<
script
type
="text/javascript"
>
8
$(document).ready(
function
()
{}
);
9
function
hiden()
{
10
$(
"
#divObj
"
).hide();
//
hide()函数,实现隐藏,括号里还可以带一个时间参数(毫秒)例如hide(2000)以2000毫秒的速度隐藏,还可以带slow,fast
11
}
12
function
slideToggle()
{
13
$(
"
#divObj
"
).slideToggle(
2000
);
//
窗帘效果的切换,点一下收,点一下开,参数可以无,参数说明同上
14
}
15
function
show()
{
16
$(
"
#divObj
"
).show();
//
显示,参数说明同上
17
}
18
function
toggle()
{
19
$(
"
#divObj
"
).toggle(
2000
);
//
显示隐藏切换,参数可以无,参数说明同上
20
21
}
22
function
slide()
{
23
$(
"
#divObj
"
).slideDown();
//
窗帘效果展开
24
}
25
26
</
script
>
27
</
head
>
28
29
<
body
>
30
<
h3
>
div里内容的显示隐藏特效
</
h3
>
31
<
input
type
="button"
value
="隐藏"
onclick
="hiden()"
/>
32
<
input
type
="button"
value
="显示"
onclick
="show()"
/>
33
<
input
type
="button"
value
="窗帘效果显示2"
onclick
="slide()"
/>
34
<
input
type
="button"
value
="窗帘效果的切换"
onclick
="slideToggle()"
/>
35
<
input
type
="button"
value
="隐藏显示效果切换"
onclick
="toggle()"
/>
36
<
div
id
="divObj"
style
="display:none"
>
37
1.测试例子
<
br
/>
38
2.测试例子
<
br
/>
39
3.测试例子
<
br
/>
40
4.测试例子
<
br
/>
41
5.测试例子
<
br
/>
42
6.测试例子
<
br
/>
43
7.测试例子
<
br
/>
44
8.测试例子
<
br
/>
45
9.测试例子
<
br
/>
46
0.测试例子
<
br
/>
47
</
div
>
48
</
body
>
49
</
html
>
查看全文
相关阅读:
客户端无法获取IP
两种添加数据到WEB DropDownList 控件的方法
DataReader的使用方法
标准SQL的update语句三种用法
标准SQL的update语句三种用法
DataReader的使用方法
DataReader的使用方法
标准SQL的update语句三种用法
DataReader的使用方法
标准SQL的update语句三种用法
原文地址:https://www.cnblogs.com/top5/p/1660198.html
最新文章
php自定义404错误
PHP Tokenizer 学习笔记
PHP4.0.0中session.save_path的bug(转载)
Pattern Modifiers 规则表达式的修饰符
PHP压缩与解压缩PCLZIP(标准版)
vs2010密钥
sqlbulkcopy 批量插入数据
横向 纵向
SQL Server数据仓库相关概念及构建流程
生成快捷方式
热门文章
IIS 添加网站显示错误消息 “无更多可用的内存以更新安全信息” 解决方法
mstsc 远程桌面 强制登陆
在360新员工入职培训上的讲话
教您整蛊之完全自动删除硬盘文件
WebsResponse
利用BAT脚本加入域和退出域的代码
ip地址种类的划分及私有地址的范围。并举例解释什么是私有地址。
人生36字诀
将Windows7电脑改造成无线路由器
aaa dot1x (cisco)
Copyright © 2011-2022 走看看