브 라 우 저 오픈 층 자동 천천히 수축 인 스 턴 스 코드 전개

예:
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> </title>
<style>
#screefull{display:block; border:1px solid #bddbf3; width:954px; padding:3px 5px 7px; margin:0 auto 10px; background:#fef9db; }
#mostrar{display:block; width:954px; display:none;}
#screefull a.close{ display:block; width:25px; height:20px; background:url(img/cx.gif) no-repeat 0 0; overflow:hidden; float:right; margin:16px 8px 0 0; *margin-right:5px; text-decoration:none;}
#screefull p{ display:block; text-align:center; font-family:"Microsoft Yahei"; font-size:14px; color:#000; height:28px; line-height:28px; vertical-align:middle;}
#screefull var{ display:inline-block; *display:inline; *zoom:1; background:url(img/wicon.gif) no-repeat 0 0; width:28px; height:28px; overflow:hidden; vertical-align:middle; margin-right:10px;}
#screefull em{ display:inline-block; *display:inline; *zoom:1; color:#ff0000; font-family:"Microsoft Yahei"; font-style:normal;}
#screefull span{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
#screefull p a{ display:inline-block; *display:inline; *zoom:1; color:#2400ff; text-decoration:underline;}
</style>
<script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
<!--begin:1-->
<div id="warn" class="scree clearfix" style="display:none;">
<div id="screefull">
<a href="#" class="close" onclick="closewarn('close')">[x]</a>
<p><span> <em> </em> , 。<a href="#" target="_blank" > </a></span></p>
</div>
</div>
<script type="text/javascript">
function closewarn(type)
{
$("#warn").slideUp("slow");
if(type == 'know')
{
$.post(window.location.href,{op : 'setwarn'},function(data)
{
return true;
});
}
}
window.onload = function()
{
$("#warn").slideDown(2000);
}
</script>
<!--end:1-->
</body>
</html>
위의 코드 세그먼트: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 대응 location.href(현재 페이지 의 주 소 를 가 져 옵 니 다)data 대응{op:setwarn}문자열 success 대응 함수 3,window.onload=function(){}역할 은 일반적으로에 쓰 인 함수 가 body 페이지 에서 호출 되 어야 합 니 다.이 함수 로 body 페이지 에서 호출 되 기 를 기다 리 지 않 아 도 실 행 됩 니 다.

좋은 웹페이지 즐겨찾기