> 웹 프론트엔드 > JS 튜토리얼 > 브라우저가 레이어를 열면 자동으로 천천히 확장되고 축소됩니다.

브라우저가 레이어를 열면 자동으로 천천히 확장되고 축소됩니다.

WBOY
풀어 주다: 2016-05-16 17:30:09
원래의
1245명이 탐색했습니다.
例子:
复主代码 代码如下:



<머리>

无标题文档
<스타일>
#screefull{디스플레이:블록; 테두리:1px 솔리드 #bddbf3; 너비:954px; 패딩:3px 5px 7px; 여백:0 자동 10px; 배경:#fef9db; }
#mostrar{디스플레이:블록; 너비:954px; 디스플레이:없음;}
#screefull a.close{ 디스플레이:블록; 너비:25px; 높이:20px; 배경:url(img/cx.gif) 반복 없음 0 0; 오버플로:숨김; 플로트:오른쪽; 여백:16px 8px 0 0; *여백-오른쪽:5px; 텍스트 장식:없음;}
#screefull p{ 디스플레이:블록; 텍스트 정렬:가운데; 글꼴 계열:"Microsoft Yahei"; 글꼴 크기:14px; 색상:#000; 높이:28px; 줄 높이:28px; 수직 정렬:중간;}
#screefull var{ 디스플레이:인라인 블록; *디스플레이:인라인; *줌:1; 배경:url(img/wicon.gif) 반복 없음 0 0; 너비:28px; 높이:28px; 오버플로:숨김; 수직 정렬:가운데; margin-right:10px;}
#screefull em{ display:inline-block; *디스플레이:인라인; *줌:1; 색상:#ff0000; 글꼴 계열:"Microsoft Yahei"; 글꼴 스타일:일반;}
#screefull 범위{ 디스플레이:인라인 블록; *디스플레이:인라인; *줌:1; 수직 정렬:중간;}
#screefull p a{ 디스플레이:인라인 블록; *디스플레이:인라인; *줌:1; 색상:#2400ff; 텍스트 장식:밑줄;}



<본문>







解释上face代码段:
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 } 字符串
성공 对应 函数

3、window.onload = function(){}작용일般재中写的函数duc要재body页面中调用,用此函数就不用等着body页face中调用就可以执行了
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿