利用jquery实现底部滑出提示层特效



38 149 50



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

加群请备注:从官网了解到