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 相关文章推荐
JavaScript中Array 对象相关的几个方法
Dec 22 Javascript
JQuery UI皮肤定制
Jul 27 Javascript
js实现运动logo图片效果及运动元素对象sportBox使用方法
Dec 25 Javascript
简单实例处理url特殊符号&amp;处理(2种方法)
Apr 02 Javascript
js正则表达exec与match的区别说明
Jan 29 Javascript
JS循环遍历JSON数据的方法
Jul 08 Javascript
Bootstrap carousel轮转图的使用实例详解
May 17 Javascript
Javascript中的async awai的用法
May 17 Javascript
详解Webpack+Babel+React开发环境的搭建的方法步骤
Jan 09 Javascript
vue+element+Java实现批量删除功能
Apr 08 Javascript
JS计算两个数组的交集、差集、并集、补集(多种实现方式)
May 21 Javascript
使用js和canvas实现时钟效果
Sep 08 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
免费的ip数据库淘宝IP地址库简介和PHP调用实例
2014/04/08 PHP
php类中的$this,static,final,const,self这几个关键字使用方法
2015/12/14 PHP
PHP设计模式之简单投诉页面实例
2016/02/24 PHP
PHP微信支付实例解析
2016/07/22 PHP
利用PHP生成静态html页面的原理
2016/09/30 PHP
PHP让网站移动访问更加友好方法
2019/02/14 PHP
AutoSave/自动存储功能实现
2007/03/24 Javascript
Jquery知识点二 jquery下对数组的操作
2011/01/15 Javascript
javascript删除option选项的多种方法总结
2013/11/22 Javascript
js实现的动画导航菜单效果代码
2015/09/10 Javascript
javascript实现全角转半角的方法
2016/01/23 Javascript
Angular.JS判断复选框checkbox是否选中并实时显示
2016/11/30 Javascript
常用的javascript设计模式
2017/01/11 Javascript
vue轮播图插件vue-awesome-swiper
2017/11/27 Javascript
使用Angular 6创建各种动画效果的方法
2018/10/10 Javascript
vue中组件的过渡动画及实现代码
2018/11/21 Javascript
在Python的列表中利用remove()方法删除元素的教程
2015/05/21 Python
基python实现多线程网页爬虫
2015/09/06 Python
python微信跳一跳系列之色块轮廓定位棋盘
2018/02/26 Python
Django基础知识与基本应用入门教程
2018/07/20 Python
神经网络相关之基础概念的讲解
2018/12/29 Python
python脚本开机自启的实现方法
2019/06/28 Python
Pandas的read_csv函数参数分析详解
2019/07/02 Python
python实现俄罗斯方块游戏(改进版)
2020/03/13 Python
python中常见错误及解决方法
2020/06/21 Python
python利用递归方法实现求集合的幂集
2020/09/07 Python
怀旧收藏品和经典纪念品:Betty’s Attic
2018/08/29 全球购物
官方授权图形T恤和服装:Fifth Sun
2019/06/12 全球购物
腾讯公司的一个sql题
2013/01/22 面试题
入党申请书自我鉴定
2013/10/12 职场文书
法制宣传日活动总结
2014/04/29 职场文书
预备党员公开承诺书
2014/05/28 职场文书
宣传标语大全
2014/07/01 职场文书
企业党建工作汇报材料
2014/08/19 职场文书
pytorch 一行代码查看网络参数总量的实现
2021/05/12 Python
springboot中一些比较常用的注解总结
2021/06/11 Java/Android