 
/** 
* 浮動DIV定時顯示提示信息,如操作成功, 失敗等 
* @param string tips (提示的內(nèi)容) 
* @param int height 顯示的信息距離瀏覽器頂部的高度 
* @param int time 顯示的時間(按秒算), time > 0 
* @sample <a href="javascript:void(0);" onclick="showTips( '操作成功', 100, 3 );">點(diǎn)擊</a> 
* @sample 上面代碼表示點(diǎn)擊后顯示操作成功3秒鐘, 距離頂部100px 
* @copyright ZhouHr 2010-08-27 
*/ 
function showTips( tips, height, time ){ 
var windowWidth = document.documentElement.clientWidth; 
var tipsDiv = '<div class="tipsClass">' + tips + '</div>'; 

$( 'body' ).append( tipsDiv ); 
$( 'div.tipsClass' ).css({ 
'top' : height + 'px', 
'left' : ( windowWidth / 2 ) - ( tips.length * 13 / 2 ) + 'px', 
'position' : 'absolute', 
'padding' : '3px 5px', 
'background': '#8FBC8F', 
'font-size' : 12 + 'px', 
'margin' : '0 auto', 
'text-align': 'center', 
'width' : 'auto', 
'color' : '#fff', 
'opacity' : '0.8' 
}).show(); 
setTimeout( function(){$( 'div.tipsClass' ).fadeOut();}, ( time * 1000 ) ); 
} 

您可能感興趣的文章:

相關(guān)文章

jQuery刪除當(dāng)前節(jié)點(diǎn)元素
本文給大家分享一段代碼給大家介紹jquery刪除當(dāng)前節(jié)點(diǎn)元素的方法，代碼簡單易懂，非常不錯，需要的朋友參考下吧
2016-12-12
jquery animate圖片模向滑動示例代碼
jquery animate() 用于創(chuàng)建自定義動畫的函數(shù)。這個函數(shù)的關(guān)鍵在于指定動畫形式及結(jié)果樣式屬性對象。
2011-01-01
基于jQuery倒計(jì)時插件實(shí)現(xiàn)團(tuán)購秒殺效果
倒計(jì)時在WEB上應(yīng)用非常廣泛,如考試系統(tǒng)倒計(jì)時,團(tuán)購網(wǎng)站中的優(yōu)惠活動倒計(jì)時等等。今天,我們來使用jQuery倒計(jì)時超級實(shí)現(xiàn)團(tuán)購秒殺效果，感興趣的朋友一起學(xué)習(xí)吧
2016-05-05
jquery追加元素的所有方法全面深入實(shí)例講解（append、prepend、after、before、wrap等等）
幾乎所有網(wǎng)站的開發(fā)都離不開jQuery，jQuery可以很方便的實(shí)現(xiàn)網(wǎng)頁中的一些效果，也很輕松的對網(wǎng)頁中的一些DIV元素進(jìn)行添加，修改或刪除的操作。由于不同位置追加元素的代碼不一樣，本文實(shí)例講解如何對網(wǎng)頁中某個指定的DIV進(jìn)行元素的追加操作。
2023-03-03
JQuery 1.4 中的Ajax問題
心血來潮下了最新版本的JQuery1.4，寫一個頁面通過Ajax加載的的例子。
2010-01-01
動態(tài)加載jQuery的兩種方法實(shí)例分析
這篇文章主要介紹了動態(tài)加載jQuery的兩種方法,實(shí)例分析了jquery動態(tài)加載的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-07-07
解決jQuery uploadify在非IE核心瀏覽器下無法上傳
之前上傳了一個通過Flash實(shí)現(xiàn)多文件上傳，但是在IE正常運(yùn)行，F(xiàn)ireFox 不能正常上傳。經(jīng)過反復(fù)研究學(xué)習(xí)，之所以firefox和360瀏覽器無法正常運(yùn)行，是因?yàn)镕ireFox、chrome、360瀏覽器等支持HTML5的瀏覽器不會再文件上傳時自動帶入session信息和cookie，不共享session。
2015-08-08
jQuery實(shí)現(xiàn)Ajax功能分析【與Flask后臺交互】
這篇文章主要介紹了jQuery實(shí)現(xiàn)Ajax功能,結(jié)合實(shí)例形式分析了jQuery ajax功能實(shí)現(xiàn)方法以及與Flask后臺進(jìn)行交互的相關(guān)操作技巧,需要的朋友可以參考下
2019-06-06
jQuery綁定事件的四種方式介紹
jQuery中提供了四種事件監(jiān)聽方式，分別是bind、live、delegate、on，對應(yīng)的解除監(jiān)聽的函數(shù)分別是unbind、die、undelegate、off。下面通過本文逐一給大家詳細(xì)介紹，感興趣的朋友一起看看吧
2016-10-10
jQuery實(shí)現(xiàn)大轉(zhuǎn)盤抽獎活動仿QQ音樂代碼分享
這篇文章主要展示了jQuery實(shí)現(xiàn)大轉(zhuǎn)盤抽獎活動仿QQ音樂實(shí)現(xiàn)代碼，需要的朋友可以參考下
2015-08-08