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



42 166 56



特效描述:利用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

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

老夫子电子