麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

瀏覽器打開層自動(dòng)緩慢展開收縮實(shí)例代碼

2019-11-20 22:34:21
字體:
供稿:網(wǎng)友
例子:
復(fù)制代碼 代碼如下:

<!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>無標(biāo)題文檔</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>未通過審核的網(wǎng)站</em>添加廣告代碼,將不會(huì)產(chǎn)生傭金。<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");向上滑動(dòng), $("#warn").slideDown(2000);向下滑動(dòng)
2、$.post(window.location.href,{op : 'setwarn'},function(data)
{
return true;
})
運(yùn)用到了ajax 提交 跟服務(wù)器進(jìn)行交互,
第一個(gè)參數(shù)是請(qǐng)求的地址 第二個(gè)是提交的參數(shù) 第三個(gè)是請(qǐng)求成功 之后調(diào)用的方法
參數(shù)op 的值是setwarn json串的格式具體運(yùn)用解說看http://www.w3school.com.cn/jquery/ajax_post.asp
url 對(duì)應(yīng) locaotion.href(取得是當(dāng)前頁面的地址)
data對(duì)應(yīng) {op:setwarn} 字符串
success 對(duì)應(yīng) 函數(shù)

3、window.onload = function(){}作用一般在<text/javascript>中寫的函數(shù)都要在body頁面中調(diào)用,用此函數(shù)就不用等著body頁面中調(diào)用就可以執(zhí)行了
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 蜜桃网站免费 | 中文字幕在线观看精品 | 双性精h调教灌尿打屁股的文案 | 中国免费一级毛片 | 午夜91视频 | 九九精品在线观看视频 | 精品国产精品久久 | 精国产品一区二区三区 | 免费国产不卡午夜福在线 | 麻豆91精品91久久久 | 欧美成人自拍 | chengrenyingshi| 成人在线视频在线观看 | 久久久一区二区三区视频 | 久草在线网址 | 毛片在线免费观看完整版 | 欧美黄色一级片在线观看 | 91成人午夜性a一级毛片 | 日本在线播放一区二区三区 | 成人男男视频拍拍拍在线观看 | 日韩av在线资源 | 91网站在线观看视频 | 午夜天堂在线视频 | 轻点插视频| videos真实高潮xxxx | 精品一区二区三区欧美 | 国产日产精品一区四区介绍 | 国产午夜免费福利 | 精品久久久久久综合日本 | 国产精品一区二区x88av | 午夜精品成人 | 久久国产经典 | 久久影院国产精品 | 操嫩草 | 久久免费激情视频 | 99精美视频 | 久久久入口| 免费观看一级欧美大 | 黄污网址 | 欧美大荫蒂xxx| 久久久www成人免费精品 |