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