1. 首頁
  2. 問答
  3. jqGrid＆custom Loading Gif

jqGrid＆custom Loading Gif

2012-02-01 41 views
0

希望有人能幫助！我通過Oleg和其他人看過幾個examples。jqGrid＆custom Loading Gif

我想在從數據庫中提取數據時在jqGrid上加載gif顯示。

JS

function submitSearchForm() { 
var newimgsrc = $('.loading').css("background-image"); 
$('.loading').css({ "background-image": newimgsrc }); 
$('.loading').css({ "display": "block" }); 
$.cookie("formState", $('#conform').serialize()); 
$('#conform').submit(); 
}

CSS

.ui-jqgrid .loading {opacity: .6; filter:Alpha(Opacity=60);background:#fff   
url(../images/Loader.gif) no-repeat 50% 50%;position: absolute; 
top:0;left:0;right:0;bottom:0;width: 100%;z-index:999999;padding: 0; margin: 0;text- 
align: center;font-weight: bold;display: none;border-width: 0px !important;}

我的問題是不如何進行形象展示，而是如何使它旋轉？

任何幫助表示讚賞，如果這是重複的。請給我一個解決方案的鏈接，並關閉問題。

感謝

來源

2012-02-01 BluntSpoon

回答

0

下面的代碼應該爲你希望acheive

<html> 
<head> 
    <script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script> 
    <style> 
.loading 
{ 
    background:#fff url('http://www.jqueryin.com/demo/spinner/spinner.gif') no-repeat 50% 50%; 
    display: none; 
    height: 16px; 
    width: 16px; 
} 
    </style> 
</head> 
<body> 

<div class="loading"></div> 
<div id="spinIt">spin it</div> 
<div id="stopIt">stop it</div> 

<script type="text/javascript"> 
$('#spinIt').click(function() { 
    $('.loading').css({ "display": "block" }); 
}); 

$('#stopIt').click(function() { 
    $('.loading').css({ "display": "none" }); 
}); 
</script> 
</body> 
</html>

來源

2012-02-02 09:51:36

+0

感謝您的答覆是什麼提供了基礎，但遺憾的是沒有工作。 :( – BluntSpoon 2012-02-07 14:41:34

+0

@BluntSpoon - 也許上面的代碼可以幫助你。 – 2012-02-07 15:41:10

相關問題

 相關問題