首页  >  文章  >  web前端  >  浏览器打开层自动缓慢展开收缩实例代码_jquery

浏览器打开层自动缓慢展开收缩实例代码_jquery

WBOY
WBOY原创
2016-05-16 17:30:091197浏览
示例:
复制代码 代码如下:



<头>
>
无标题文档
<风格>
#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页面中调用就可以执行了
上一篇:JS定时刷新页面及跳转页面的方法_javascript技巧下一篇:Jquery多选框互相内容交换的实例代码_jquery

相关文章

查看更多