2016-04-26 123 views
0

我需要帮助,这是我的代码,我搜索了很多,但我找不到任何适合我的东西。我在哪里可以把jQuery代码?它会为我工作的哪一个?如何在jquery中插入背景图片?

<!DOCTYPE html> 
<html> 

    <head> 

     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <link rel="stylesheet" href="jquery.mobile-1.4.5.css"> 
     <script src="jquery-1.12.0.min.js"></script> 
     <script src="jquery.mobile-1.4.5.min.js"></script> 


    </head> 


    <body> 



     <div data-role="page" id="home" > 
      <div id="header"> 
       <h1 align="center";><font color="white">Member Login</font></h1> 

      </div> 
      <form> 
       <input type="text" placeholder="Username"> 

       <input type="text" placeholder="Health Card Number"> 
       <input id="rememberme" type="checkbox"> 
       <label for="rememberme">Remember</label> 
       <input type="submit" value="Login Now"> 
      </form> 
</div> 
    </body> 
</html> 
+0

当你要添加的背景是什么? – hmd

+0

@hmd \t 我想添加背景到页面“登录页面” – ralkutbi

回答

0

试试:

<script> 
     $("document").ready(function(){ 
      $("#home").css("background-image","url('http://cache1.asset-cache.net/gc/519249945-hexagon-abstract-background-gettyimages.jpg?v=1&c=IWSAsset&k=2&d=LBXRX%2BPPwv%2BPvsKWANsuTH1c3dDbAxUoJxxrmsO0Fpr0Z7%2BFa7zjX%2F4eaCS3h%2B2h')"); 
     }); 
    </script> 

观看演示在这里:plunker

+0

@plunker谢谢,它的作品:)。 – ralkutbi