1. 程式人生 > >jquery等待效果示例

jquery等待效果示例


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> 正在查詢,請稍等... </title>

<style type="text/css">
.query_hint{
 border:5px solid #939393;
 width:250px;
 height:50px;
 line-height:55px;
 padding:0 20px;
 position:absolute;
 left:50%;
 margin-left:-140px;
 top:50%;
 margin-top:-40px;
 font-size:15px;
 color:#333;
 font-weight:bold;
 text-align:center;
 background-color:#f9f9f9;
}
.query_hint img{position:relative;top:10px;left:-8px;}
</style>
 </head>

 <body>
  <div id="query_hint" class="query_hint">
   <img src="http://static.oschina.net/uploads/space/2014/0430/115223_oFLD_1163935_thumb.gif" />正在查詢,請稍等...
  </div>
 </body>
</html>

相關推薦

jquery等待效果示例

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> 正在查詢

一款基於jQuery Ajax的等待效果

通過 all dem 自定義函數 position images .sh new pad 特別提示:本人博客部分有參考網絡其他博客,但均是本人親手編寫過並驗證通過。如發現博客有錯誤,請及時提出以免誤導其他人,謝謝!歡迎轉載,但記得標明文章出處:http://www.cnb

jquery簡單實現表單提交後的需要等待效果

簡單來說就是遮罩然後載入個動畫,往上有利用js手動更改html值實現緩衝動畫的,比較麻煩,感覺價效比不高,畢竟誰也不會沒事一直在那載入很多張這種等待動畫。 主要也就是利用了position裡面的fixed這個屬性,設定之後頁面內的其他元素均不可點選,保證頁面安全 <!

jQuery簡單效果

img 簡單 page jquery 效果 https app 分享 web 這是我的原文OneNote地址 : https://onenote.com/webapp/pages?token=evUqUv97oP7PHo_52EQKcizAZL4nta3-3zXeiUO

動畫效果 詳情請看 jQuery api 動畫收放 slideUp slideDown 通過id class 來設置 jQuery實現效果

color ada htm border order style borde query list <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8">

loading等待效果

data easyu filter 分享 css guard url ges selection 效果預覽:這兩個球一直在轉,不能進行其他操作 div <div id="loadingImg" style="height: 100%;width: 100

CSS3動畫效果示例

fin infinite -o http color 名稱 font pan padding [email protected]/* */,規定了動畫的名稱、時長。 1、示例代碼 <!DOCTYPE html><html lang="en"&g

jQuery動畫效果animate和scrollTop結合使用實例

列表 支持 實用 wid nim rep cursor 使用 提醒 CSS屬性值是逐漸改變的,這樣就可以創建動畫效果。 只有數字值可創建動畫(比如 "margin:30px")。 字符串值無法創建動畫(比如 "background-color:red")。 復制代碼 代碼

jquery 幻燈片效果

remove display inline -1 function val line hide hidden   對jquery沒有深入研究過,只是怎麽簡單怎麽來,符合自己的需求即可。以下是代碼。   使用的是ThinkPHP框架,圖片等是循環出來的,下面是模板中的代碼:

jq裏驗證插件的自定義方法Jquery.validator.addMethod()示例

placement ans rem 提示 .html orm turn comm char 最近寫驗證的時候感覺原生的驗證謝了一遍又一遍,就想到了“不要重復造輪子,學會管理自己的工具庫”這句名言,於是嘗試用jq的validator。 用過又發現需要自定義方法去驗證,於是去

jQuery基礎效果

jquery基礎效果jQuery基礎效果$(document).ready(function(){}這句話的意思是頁面加載完成後執行,等同於js中的window.onload,大家學了jQuery的話應該就會知道?$(document).ready(function(){//這行代碼意思是頁面加載後執行???

jQuery——動畫效果

cit itl eight 回調函數 tro nor {} () abs 顯示隱藏 1、顯示:show(),參數----毫秒值、slow(600ms)、 normal(400ms)、 fast(200ms) 2、隱藏:hide(),參數-----毫秒值、slow(600ms

python全棧學習--Day53(jQuery的介紹,jQuery的選擇器,jQuery動畫效果)

瀏覽器 易維 開發效率 css 學習 區域 CA 訪問 span js總結 1 2 3 4 5 6 7

PhotoShop制福運來平臺搭建作gif動態廣告效果示例

介紹 兩張 論壇 gif 需要 動畫效果 選擇 透明 素材 本文將福運來平臺搭建論壇:haozbbs.com Q1446595067 通過三個示例介紹gif制作廣告。 本示例需要用到的軟件環境: MacOS High Sierra Version 10.13.4 Phot

PhotoShop制作gif動態廣告效果示例

per title 眼睛 gif動畫 css 是否 idt https com 本文將通過三個示例介紹gif制作廣告,gif 動態廣告網頁展示效果 米撲博客:開業了 https://blog.mimvp.com/article/1.html 本示例需要用到的軟件環境:

JQuery等待加載與庫沖突

因此 文件 RoCE color 假死 src on() 元素 window 一、JQuery等待加載JQuery庫元素是在body元素加載之前加載的。在延遲等待加載,JavaScript提供了一個事件load,方法如下:window.onload = fuction(){

03-jQuery動畫效果

order jquery char strong click mar 之前 停止 rip jQuery提供的一組網頁中常見的動畫效果,這些動畫是標準的、有規律的效果;同時還提供給我們了自定義動畫的功能。 顯示動畫 方式一: $("div").show(); 解釋:無

小程序自定義組件的制作的使用(文字流動效果示例

osi ner nbsp js代碼 height 隱藏 hat min options 組件wxml代碼 <scroll-view class="container"> <view class="scrolltxt"> <v

Jquery等待ajax執行完畢繼續執行(斷點調試正常,運行異常)

.ajax cti cati 時間 utf 一個 ajax 發現 not 以前寫過一個程序,發現用斷點調試的時候,一步步的運行,程序是可以的,但是去了斷點程序就出現了問題。 $(document).ready(function(){ var arra=new A

web開發中常用的jquery動畫效果

1、隱藏&顯示 設定元素的隱藏,顯示功能,語法如下: jquery show(speed ,callback); jquery hide(speed ,callback); jquery togger(speed ,callback); 說明:引數不是必須的,在