Jquery jqGrid&；自定义加载Gif_Jquery_Jqgrid

Jquery jqGrid&；自定义加载Gif

jquery jqgrid

Jquery jqGrid&；自定义加载Gif,jquery,jqgrid,Jquery,Jqgrid,希望有人能帮忙！我已经看了一些人和其他人我试图在从数据库中提取数据的同时，在jqGrid上进行加载gif显示 JS CSS 我的问题不是如何使图像显示，而是如何使其旋转感谢您的帮助，如果这是重复的。请给我一个解决方案的链接并关闭该问题谢谢下面的代码应该为您想要实现的目标提供基础 <html> <head> <script src="http://code.jquery.com/jquery.min.js" type="text/javascript

希望有人能帮忙！我已经看了一些人和其他人

我试图在从数据库中提取数据的同时，在jqGrid上进行加载gif显示

CSS

我的问题不是如何使图像显示，而是如何使其旋转

感谢您的帮助，如果这是重复的。请给我一个解决方案的链接并关闭该问题

谢谢

下面的代码应该为您想要实现的目标提供基础

<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>


.装货
{
背景：#fff url（'http://www.jqueryin.com/demo/spinner/spinner.gif“）不重复50%50%；
显示：无；
高度：16px；
宽度：16px；
} 
旋转它
住手
$（'#spinIt'）。单击（函数（）{
$（'.loading'）.css（{“display”：“block”}）；
});
$（'#stopIt'）。单击（函数（）{
$（'.loading'）.css（{“display”：“none”}）；
});

.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;}

<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>