利用jquery實現底部滑出提示層特效



52 206 69



特效描述:利用jquery實現 底部滑出 提示層特效,利用jquery實現底部滑出提示層特效

代碼結構

1. 引入CSS

<link href="css/style.css" rel="stylesheet" type="text/css">

2. 引入JS

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

3. HTML代碼

<div class="bottom_box">
    <div class="bottom">
        <p>感謝您訪問51前端網站!<br>51前端是一家大型綜合設計類素材網站。</p>
        <a href="http://51qianduan.com" target="_blank" class="register"><img src="images/btn_register.png" width="112" height="39" /></a>
        <a href="http://51qianduan.com" class="ask"><img src="images/btn_ask.png" width="112" height="39" /></a>
    </div>
    <div class="close"></div>  
</div>
<img class="mini" src="images/mini.png" width="65" height="37" />
<script type="text/javascript">
$(function(){
	setTimeout(function(){
	  $(".bottom_box").slideDown("slow");
	},2000);
	$(".close").click(function(){
		$(".bottom_box").hide();	
		$(".mini").show(200);	
	})
	$(".mini").click(function(){
		$(this).hide();	
		$(".bottom_box").show();	
	})
});
</script>
<div style="text-align:center;clear:both">
</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 彈出層拖動 窗口 彈出 彈窗 彈出層 提示框 對話框 遮罩 遮罩層 彈窗插件 收縮展開 展開收縮 收縮 展開 切換按鈕 表單 表單美化 表單插件 表單美化插件 收縮菜單 收縮導航 提示框/彈出層 按鈕樣式
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子 快3助手app下载 青海快3开奖走势图 省福利彩票发行中心关于电脑福利彩票投注站管理申报办理程序公告 云南快乐十分 快乐十分历史开奖结果 大乐透开 北单比分奖金封顶吗 湖北30选5历史开奖结果 云南十一选五 悟饭游戏厅赚钱 扑鱼大富豪赚钱 河南11选5 三个骰子大小有规则吗 种莫玉能赚钱 北单比分奖金总额 安徽时时开奖号