jQuery实现的右下角广告窗体跟随效果示例


Posted in Javascript onSeptember 16, 2016

本文实例讲述了jQuery实现的右下角广告窗体跟随效果。分享给大家供大家参考。具体如下:

<!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>
  <title></title>
  <style type="text/css">
    body{margin:0px;font-size:12px;}
    #message
    {
      width:100px;
      height:100px;
      position:fixed;
      background-color:gold;
      right:0px;
      bottom:0px;
      display:none;
    }
  </style>
  <script src="../js/jquery-1.5.1.min.js" type="text/javascript"></script>
  <script type="text/javascript">
    $(function () {
      //注意slideDown是展开,slideUp是收起
      $("#message").slideDown(2000, function () {
        //$(this).slideUp(5000);   //花5秒钟收起
        setTimeout("$('#message').slideUp(5000);",2000)   //用定时器等待两秒钟后收起,注意这里不能用$(this),必须用ID取了
      });
    });
  </script>
</head>
<body>
  <div id="message">
    我是广告,不好意思!!
  </div>
</body>
</html>

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
msn上的tab功能Firefox对childNodes处理的一个BUG
Jan 21 Javascript
js防止页面被iframe调用的方法
Oct 30 Javascript
javascript实现回车键提交表单方法总结
Jan 10 Javascript
JavaScript中继承用法实例分析
May 16 Javascript
JavaScript中实现map功能代码分享
Jun 11 Javascript
AngularJS API之copy深拷贝详解及实例
Sep 14 Javascript
整理关于Bootstrap表单的慕课笔记
Mar 29 Javascript
原生javascript实现文件异步上传的实例讲解
Oct 26 Javascript
ztree实现左边动态生成树右边为内容详情功能
Nov 03 Javascript
解决layer.open后laydate失效的问题
Sep 06 Javascript
JavaScript实现滚动加载更多
Dec 27 Javascript
如何使用JavaScript策略模式校验表单
Apr 29 Javascript
jQuery实现磁力图片跟随效果完整示例
Sep 16 #Javascript
jQuery使用animate实现ul列表项相互飘动效果示例
Sep 16 #Javascript
jQuery中fadein与fadeout方法用法示例
Sep 16 #Javascript
jQuery中slidedown与slideup方法用法示例
Sep 16 #Javascript
jQuery中show与hide方法用法示例
Sep 16 #Javascript
Javascript中函数名.length属性用法分析(对比arguments.length)
Sep 16 #Javascript
Javascript函数中的arguments.callee用法实例分析
Sep 16 #Javascript
You might like
Get或Post提交值的非法数据处理
2006/10/09 PHP
PHP array操作10个小技巧分享
2011/06/23 PHP
PHP框架Laravel学习心得体会
2015/10/28 PHP
php将数组存储为文本文件方法汇总
2015/10/28 PHP
php实现常见图片格式的水印和缩略图制作(面向对象)
2016/06/15 PHP
PHP 多任务秒级定时器的实现方法
2018/05/13 PHP
一个符号插入器 中用到的js代码
2007/09/04 Javascript
jqGrid随窗口大小变化自适应大小的示例代码
2013/12/28 Javascript
JavaScript将XML转成JSON的方法
2015/03/12 Javascript
jQuery插件jcrop+Fileapi完美实现图片上传+裁剪+预览的代码分享
2015/04/22 Javascript
jquery控制显示服务器生成的图片流
2015/08/04 Javascript
浅析Nodejs npm常用命令
2016/06/14 NodeJs
AngularJS入门教程中SQL实例详解
2016/07/27 Javascript
浅谈jquery的html方法里包含特殊字符的处理
2016/11/30 Javascript
树结构之JavaScript
2017/01/24 Javascript
Vue2.0 多 Tab切换组件的封装实例
2017/07/28 Javascript
JavaScript switch语句使用方法简介
2019/12/30 Javascript
vue实现整屏滚动切换
2020/06/29 Javascript
uni-app 自定义底部导航栏的实现
2020/12/11 Javascript
Vue 组件注册全解析
2020/12/17 Vue.js
MySQLdb ImportError: libmysqlclient.so.18解决方法
2014/08/21 Python
Python中使用MELIAE分析程序内存占用实例
2015/02/18 Python
Python聊天室实例程序分享
2016/01/05 Python
Python 判断文件或目录是否存在的实例代码
2018/07/19 Python
python三大神器之fabric使用教程
2019/06/10 Python
Python +Selenium解决图片验证码登录或注册问题(推荐)
2020/02/09 Python
Keras官方中文文档:性能评估Metrices详解
2020/06/15 Python
OpenCV Python实现图像指定区域裁剪
2021/03/12 Python
css3 矩阵的使用详解
2018/03/20 HTML / CSS
英国伦敦的睡衣品牌:Asceno
2019/10/06 全球购物
法人代表授权委托书
2014/04/08 职场文书
入党推优材料
2014/06/02 职场文书
教师自我剖析材料(四风问题)
2014/09/30 职场文书
常务副县长“四风”个人对照检查材料思想汇报
2014/10/02 职场文书
技术入股合作协议书
2016/03/21 职场文书
我们认为中短波广播场强仪的最佳组合
2022/04/05 无线电