jQuery實(shí)現(xiàn)的右下角廣告窗體跟隨效果示例

更新時(shí)間：2016年09月16日 00:50:20 作者：永遠(yuǎn)愛好寫程序

這篇文章主要介紹了jQuery實(shí)現(xiàn)的右下角廣告窗體跟隨效果,涉及jQuery結(jié)合時(shí)間函數(shù)動(dòng)態(tài)操作頁面元素屬性的相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例講述了jQuery實(shí)現(xiàn)的右下角廣告窗體跟隨效果。分享給大家供大家參考。具體如下：

<!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)   //用定時(shí)器等待兩秒鐘后收起,注意這里不能用$(this)，必須用ID取了
      });
    });
  </script>
</head>
<body>
  <div id="message">
    我是廣告，不好意思!!
  </div>
</body>
</html>

更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jquery中Ajax用法總結(jié)》、《jQuery常見經(jīng)典特效匯總》、《jQuery動(dòng)畫與特效用法總結(jié)》及《jquery選擇器用法總結(jié)》

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

asp.net+jquery.form實(shí)現(xiàn)圖片異步上傳的方法(附j(luò)query.form.js下載)
這篇文章主要介紹了asp.net+jquery.form實(shí)現(xiàn)圖片異步上傳的方法,結(jié)合實(shí)例形式分析了jquery.form.js前臺(tái)異步提交圖片與asp.net后臺(tái)處理的相關(guān)技巧,需要的朋友可以參考下
2016-05-05
jquery EasyUI的formatter格式化函數(shù)代碼
以下實(shí)例格式化數(shù)據(jù)表格中的一列。如果金額小于20時(shí)使用自定義的格式器將文本變成紅色。
2011-01-01
jQuery實(shí)現(xiàn)放大鏡效果實(shí)例代碼
在一些電商網(wǎng)站我們都見到使用過放大鏡來查看商品詳情，那么基于jquery代碼是如何實(shí)現(xiàn)放大鏡效果的呢？下面由腳本之家小編給大家分享jquery代碼實(shí)現(xiàn)放大鏡效果
2016-03-03
jquery Mobile入門—外部鏈接切換示例代碼
內(nèi)部鏈接是通過在a標(biāo)簽內(nèi)將href屬性值設(shè)為#+id的形式，外鏈則是在a中增加rel屬性，并將屬性值設(shè)為external,感興趣的朋友可以了解下哦
2013-01-01
PHP+MySQL+jQuery隨意拖動(dòng)層并即時(shí)保存拖動(dòng)位置實(shí)例講解
這篇文章主要介紹了PHP+MySQL+jQuery隨意拖動(dòng)層并即時(shí)保存拖動(dòng)位置的實(shí)現(xiàn)方法，感興趣的小伙伴們可以參考一下
2015-10-10
Labelauty–jQuery單選框/復(fù)選框美化插件分享
這篇文章主要介紹了Labelauty–jQuery單選框/復(fù)選框美化插件，能夠?qū)崿F(xiàn)單選框/復(fù)選框原本的選中、未選中、禁用等功能外，還能夠設(shè)置選中和未選中的文本信息、標(biāo)簽的最小寬度等，感興趣的小伙伴可以參考下。
2015-09-09
jQuery實(shí)現(xiàn)參數(shù)自定義的文字跑馬燈效果
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)參數(shù)自定義的文字跑馬燈效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-08-08
使用jquery中height()方法獲取各種高度大全
這篇文章主要介紹了使用jquery中height()方法獲取各種高度大全,比如瀏覽器高度、可視窗口高度、文檔高度等,需要的朋友可以參考下
2014-04-04
JQuery事件委托(適用于給動(dòng)態(tài)生成的腳本元素添加事件)
jq寫了點(diǎn)擊事件，是通過獲取元素的類名被點(diǎn)擊后執(zhí)行對(duì)應(yīng)方法，但是研發(fā)套完模板，他會(huì)把所有的結(jié)構(gòu)先清空，導(dǎo)致jq根本找不到那個(gè)元素，所以事件就不得執(zhí)行了,需要的朋友可以參考下
2020-02-02
jquery實(shí)現(xiàn)有過渡效果的tab切換
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)有過渡效果的tab切換，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-07-07