jquery定时滑出可最小化的底部提示层特效代码


Posted in Javascript onOctober 02, 2013

html源代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery定时滑出可最小化的底部提示层</title><base target="_blank" />
<link href="https://3water.com/phtml/jqtexiao/index/style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="https://3water.com/pmedia/jquery/jquery-1.10.2.min.js"></script>
</head>
<body>
<div style="width:800px;margin:0px auto">
<span style="font-size:18px; font-weight:bold; text-align:center; line-height:25px; color:#000; width:100%">jquery定时底部滑出可最小化的提示层特效<br />
<a href="https://3water.com" target="_blank" style="color:#000">三水点靠木</a>(<a href="https://3water.com" style="color:#000" target="_blank">https://3water.com</a>)<br />
<br />
</span>
当打开页面或者刷新页面后等待两秒钟,会在底部滑出可最小化的提示层。
</div>
<div style="background-color:Red; width:100%;height:150px;">欢迎。</div>
<div style="height:830px;"></div>
<div style="background-color:Fuchsia; width:100%;height:150px;">3water</div>
<div style="height:500px;"></div>
<div class="bottom_box-keleyi-com">
<div class="bottom">
<p>感谢您访问三水点靠木网站!<a href="https://3water.com" target="_blank">https://3water.com</a>,<br/>专门分享实用、常用的技术文章代码资源的网站</p>
<div class="ask"><a href="https://3water.com/">首页</a>
<a href="https://3water.com/ablut/">关于</a>
<a href="https://3water.com/a/bjac/kjsrt3b0.htm">jQuery AJAX</a>
<a href="https://3water.com/a/bjac/182di68b.htm">导航样式</a>
<a href="https://3water.com/a/bjac/mt97p5y9.htm">侧边导航</a>
<a href="https://3water.com/dev/3068696139522ae4.htm">树形菜单</a>
<a href="https://3water.com/game/1/">捕鱼</a>
<a href="https://3water.com/game/3/">打地鼠</a>
<a href="https://3water.com/game/4/">美女拼图</a>
<a href="https://3water.com/phtml/silverlight/">猜数字</a>
</div>
</div>
<div class="close"></div> 
</div>
<img class="mini" src="https://3water.com/phtml/jqtexiao/index/mini.png" width="65" height="37" alt="打开" />
<script type="text/javascript">
$(function(){
setTimeout(function(){
$(".bottom_box-k"+"eleyi-com").slideDown("slow");
},2000);
$(".close").click(function(){
$(".bottom_box-ke"+"leyi-com").hide();    
$(".mini").show(200);    
})
$(".mini").click(function(){
$(this).hide();    
$(".bottom_box-kele"+"yi-com").show();    
})
});
</script>
</body>
</html>
Javascript 相关文章推荐
javascript判断单选框或复选框是否选中方法集锦
Apr 04 Javascript
JavaScript 继承详解(三)
Jul 13 Javascript
javascript小数计算出现近似值的解决办法
Feb 06 Javascript
jquery动画4.升级版遮罩效果的图片走廊--带自动运行效果
Aug 24 Javascript
Javascript自定义函数判断网站访问类型是PC还是移动终端
Jan 10 Javascript
javascript如何判断输入的url是否正确
Apr 11 Javascript
JavaScript实现带标题的图片轮播特效
May 20 Javascript
AngularJS 最常用的功能汇总
Feb 17 Javascript
基于jQuery实现选项卡效果
Jan 04 Javascript
浅谈Vue SSR 的 Cookies 问题
Nov 20 Javascript
基于vue 开发中出现警告问题去除方法
Jan 25 Javascript
小程序测试后台服务的方法(ngrok)
Mar 08 Javascript
jquery实现多级下拉菜单的实例代码
Oct 02 #Javascript
基于JQuery的列表拖动排序实现代码
Oct 01 #Javascript
Javascript 颜色渐变效果的实现代码
Oct 01 #Javascript
JavaScript的事件绑定(方便不支持js的时候)
Oct 01 #Javascript
javascript不可用的问题探究
Oct 01 #Javascript
JavaScript DOM 编程艺术(第2版)读书笔记(JavaScript的最佳实践)
Oct 01 #Javascript
js有序数组的连接问题
Oct 01 #Javascript
You might like
在php中使用sockets:从新闻组中获取文章
2006/10/09 PHP
七款最流行的PHP本地服务器分享
2013/02/19 PHP
Js 获取当前日期时间及其它操作实现代码
2021/03/04 Javascript
jQuery阻止冒泡和HTML默认操作
2010/11/17 Javascript
js 模式窗口(模式对话框和非模式对话框)的使用介绍
2014/07/17 Javascript
JavaScript实现将UPC转换成ISBN的方法
2015/05/26 Javascript
js实现匹配时换色的输入提示特效代码
2015/08/17 Javascript
jQuery实现的网页右下角tab样式在线客服效果代码
2015/10/23 Javascript
使用jQuery实现WordPress中的Ctrl+Enter和@评论回复
2016/05/21 Javascript
JavaScript轻松创建级联函数的方法示例
2017/02/10 Javascript
Node.js 使用流实现读写同步边读边写功能
2017/09/11 Javascript
vue2+el-menu实现路由跳转及当前项的设置方法实例
2017/11/07 Javascript
详解webpack多页面配置记录
2018/01/22 Javascript
Vue实现todolist删除功能
2018/06/26 Javascript
详解vue微信网页授权最终解决方案
2019/06/16 Javascript
Vue-Cli 3.0 中配置高德地图的两种方式
2019/06/19 Javascript
layui form表单提交之后重新加载数据表格的方法
2019/09/11 Javascript
解决LayUI数据表格复选框不居中显示的问题
2019/09/25 Javascript
design vue 表格开启列排序的操作
2020/10/28 Javascript
[10:54]Team Spirit vs Navi
2018/06/07 DOTA
python简单获取本机计算机名和IP地址的方法
2015/06/03 Python
Python爬虫动态ip代理防止被封的方法
2019/07/07 Python
详解如何用TensorFlow训练和识别/分类自定义图片
2019/08/05 Python
Python字符串的修改方法实例
2019/12/19 Python
蒙蒂塞罗商店:Monticello Shop
2018/11/25 全球购物
Linux如何修改文件和文件夹的权限
2012/06/27 面试题
shell程序如何生命变量?shell变量是弱变量吗?
2014/11/10 面试题
教育系毕业生中文求职信范文
2013/10/06 职场文书
关于旷工的检讨书
2014/02/02 职场文书
领导干部廉政承诺书
2014/03/27 职场文书
应聘教师自荐书
2014/06/16 职场文书
地球一小时活动总结
2015/02/27 职场文书
会计工作能力自我评价
2015/03/05 职场文书
在职证明书模板
2015/06/15 职场文书
Redis之RedisTemplate配置方式(序列和反序列化)
2022/03/13 Redis
关于pytest结合csv模块实现csv格式的数据驱动问题
2022/05/30 Python