Question

css代码： -

.se-pre-con {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url('UrlToTheImage') center no-repeat #fff;

jquery代码： -

$('a').click(function(){
  $(".se-pre-con").show();
}

在我的html中我有很多链接。所以每当有人点击链接我想显示一个gif图像，直到点击的链接被加载。没有jquery显示gif没有问题，即我只是正常显示那个gif在我的HTML中，它会显示。但我想只在点击一个链接时显示它。顺便说一下，我正在使用这两个cdn： -

<script  src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script>

我的HTML代码：

<a  class="se-pre-con" href="LINKURL" >TEST</a></h4>

Answer 1

以下是示例。

<html>

 <body>
   <a href="">Show image</a>
   <img src="..." class="se-pre-con" style="display:none" />
   <script>
    $('a').click(function(){          
      $(".se-pre-con").show();
    }
   </script>
 </body>
</html>

用户点击链接时无法加载gif

1 个答案: