浏览器打开层自动缓慢展开收缩实例代码_jquery
展开
浏览器
示例:
<头>
>
无标题文档
<风格>
#screefull{显示:块;边框:1px实线#bddbf3;宽度:954px;内边距:3px 5px 7px;边距:0 自动 10 像素;背景:#fef9db; }
#mostrar{显示:块;宽度:954px;显示:无;}
#screefull a.close{ 显示:块;宽度:25px;高度:20px;背景:url(img/cx.gif) 不重复 0 0;溢出:隐藏;浮动:右;边距:16px 8px 0 0; *右边距:5px;文本装饰:无;}
#screefull p{ 显示:块;文本对齐:居中; font-family:"微软雅黑";字体大小:14px;颜色:#000;高度:28px;行高:28px;垂直对齐:中间;}
#screeful var{ 显示:内联块; *显示:内嵌; *缩放:1;背景:url(img/wicon.gif) 不重复 0 0;宽度:28px;高度:28px;溢出:隐藏;垂直对齐:中间; margin-right:10px;}
#screeful em{ display:inline-block; *显示:内嵌; *缩放:1;颜色:#ff0000; font-family:"微软雅黑";字体样式:正常;}
#screefull span{ display:inline-block; *显示:内嵌; *缩放:1;垂直对齐:中间;}
#screefull p a{ 显示:内联块; *显示:内嵌; *缩放:1;颜色:#2400ff;文本装饰:下划线;}
;
<脚本类型=“text/javascript”src=“js/jquery.js”>
头>
<身体>
函数 closewarn(type)
{
$("#warn").slideUp("slow");
if(type == 'know')
{
$.post(window.location.href,{op : 'setwarn'},function(data)
{
返回 true
});
}
}
window.onload = function()
{
$("#warn").slideDown(2000);
}
脚本>
身体>
解释上面代码段:
1、$("#warn").slideUp("slow");向上滑动, $("#warn") .slideDown(2000);向下滑动
2、$.post(window.location.href,{op : 'setwarn'},function(data)
{
return true;
} )
运用到了ajax提交跟服务器进行交互,
第一个参数是请求的地址第二个是提交的参数第三个是请求成功后调用的方法
参数op的值是setwarn json串的格式具体运用解说看http://www.w3school.com.cn/jquery/ajax_post.asp
url 回复 locaotion.href(获取是当前页面的地址)
data 回复 {op:setwarn } 字符串
success 对应函数
3、window.onload = function(){}作用一般在中写的函数都要在body页面中调用,用此函数就不用等body页面中调用就可以执行了
复制代码 代码如下:
<头>
>
<风格>
#screefull{显示:块;边框:1px实线#bddbf3;宽度:954px;内边距:3px 5px 7px;边距:0 自动 10 像素;背景:#fef9db; }
#mostrar{显示:块;宽度:954px;显示:无;}
#screefull a.close{ 显示:块;宽度:25px;高度:20px;背景:url(img/cx.gif) 不重复 0 0;溢出:隐藏;浮动:右;边距:16px 8px 0 0; *右边距:5px;文本装饰:无;}
#screefull p{ 显示:块;文本对齐:居中; font-family:"微软雅黑";字体大小:14px;颜色:#000;高度:28px;行高:28px;垂直对齐:中间;}
#screeful var{ 显示:内联块; *显示:内嵌; *缩放:1;背景:url(img/wicon.gif) 不重复 0 0;宽度:28px;高度:28px;溢出:隐藏;垂直对齐:中间; margin-right:10px;}
#screeful em{ display:inline-block; *显示:内嵌; *缩放:1;颜色:#ff0000; font-family:"微软雅黑";字体样式:正常;}
#screefull span{ display:inline-block; *显示:内嵌; *缩放:1;垂直对齐:中间;}
#screefull p a{ 显示:内联块; *显示:内嵌; *缩放:1;颜色:#2400ff;文本装饰:下划线;}
;
<脚本类型=“text/javascript”src=“js/jquery.js”>
头>
<身体>
函数 closewarn(type)
{
$("#warn").slideUp("slow");
if(type == 'know')
{
$.post(window.location.href,{op : 'setwarn'},function(data)
{
返回 true
});
}
}
window.onload = function()
{
$("#warn").slideDown(2000);
}
脚本>
身体>
解释上面代码段:
1、$("#warn").slideUp("slow");向上滑动, $("#warn") .slideDown(2000);向下滑动
2、$.post(window.location.href,{op : 'setwarn'},function(data)
{
return true;
} )
运用到了ajax提交跟服务器进行交互,
第一个参数是请求的地址第二个是提交的参数第三个是请求成功后调用的方法
参数op的值是setwarn json串的格式具体运用解说看http://www.w3school.com.cn/jquery/ajax_post.asp
url 回复 locaotion.href(获取是当前页面的地址)
data 回复 {op:setwarn } 字符串
success 对应函数
3、window.onload = function(){}作用一般在
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章
刺客信条阴影:贝壳谜语解决方案
3 周前
By DDD
Windows 11 KB5054979中的新功能以及如何解决更新问题
2 周前
By DDD
刺客信条阴影 - 如何找到铁匠,解锁武器和装甲定制
1 个月前
By DDD
在哪里可以找到原子中的起重机控制钥匙卡
3 周前
By DDD
<🎜>:死铁路 - 如何完成所有挑战
3 周前
By DDD

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

热门话题

在网页中使用本地安装的字体文件最近,我从网上下载了一种免费字体,并成功将其安装到了我的系统中。现在...

如何使用JavaScript或CSS控制浏览器打印设置中的页首和页尾在浏览器的打印设置中,有一个选项可以控制是否显�...

CSS中如何实现水平选项的水平滚动效果?在现代网页设计中,如何实现类似于水平选项卡的效果,并且支持鼠标...

如何在自适应设计中解决高度调整难题?在自适应设计中,高度调整往往是一个棘手的问题。特别是在处理类似...
