Home思洋影视事业部网站建设知识库
0 Comments

jQ、Yahoo API和HTML 5开发天气预报应用(2)

发布于：2013-07-10  |   作者：广州网站建设  |   已聚集：人围观

HTML
广州网站建设,网站建设,广州网页设计,广州网站设计



    
	
  1. 
		<!DOCTYPE html> 
    2. 
	
  2. 
		<html> 
    3. 
	
  3. 
		    <head> 
    4. 
	
  4. 
		        <meta charset="gbk" /> 
    5. 
	
  5. 
		        <title>Weather Forecast with jQuery &amp; Yahoo APIs</title> 
    6. 
	
  6. 
		          
    7. 
	
  7. 
		        <!-- The stylesheet --> 
    8. 
	
  8. 
		        <link rel="stylesheet" href="assets/css/styles.css" /> 
    9. 
	
  9. 
		          
    10. 
	
  10. 
		        <!-- Google Fonts --> 
    11. 
	
  11. 
		        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Playball|Open+Sans+Condensed:300,700" /> 
    12. 
	
  12. 
		          
    13. 
	
  13. 
		        <!--[if lt IE 9]> 
    14. 
	
  14. 
		          <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
    15. 
	
  15. 
		        <![endif]--> 
    16. 
	
  16. 
		    </head> 
    17. 
	
  17. 
		      
    18. 
	
  18. 
		    <body> 
    19. 
	
  19. 
		 
    20. 
	
  20. 
		        <header> 
    21. 
	
  21. 
		            <h1>Weather Forecast</h1> 
    22. 
	
  22. 
		        </header> 
    23. 
	
  23. 
		          
    24. 
	
  24. 
		        <div id="weather"> 
    25. 
	
  25. 
		 
    26. 
	
  26. 
		            <ul id="scroller"> 
    27. 
	
  27. 
		                <!-- The forecast items will go here --> 
    28. 
	
  28. 
		            </ul> 
    29. 
	
  29. 
		              
    30. 
	
  30. 
		            <a href="#" class="arrow previous">Previous</a> 
    31. 
	
  31. 
		            <a href="#" class="arrow next">Next</a> 
    32. 
	
  32. 
		              
    33. 
	
  33. 
		        </div> 
    34. 
	
  34. 
		          
    35. 
	
  35. 
		        <p class="location"></p> 
    36. 
	
  36. 
		          
    37. 
	
  37. 
		        <div id="clouds"></div> 
    38. 
	
  38. 
		          
    39. 
	
  39. 
		        <footer> 
    40. 
	
  40. 
		            <h2><i>Tutorial:</i> Weather Forecast with jQuery &amp; Yahoo APIs</h2> 
    41. 
	
  41. 
		            <a class="tzine" href="http://tutorialzine.com/2012/05/weather-forecast-geolocation-jquery/">Head on to <i>Tutorial<b>zine</b></i> to download this example</a> 
    42. 
	
  42. 
		        </footer> 
    43. 
	
  43. 
		          
    44. 
	
  44. 
		        <!-- JavaScript includes - jQuery, turn.js and our own script.js --> 
    45. 
	
  45. 
		        <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> 
    46. 
	
  46. 
		        <script src="assets/js/script.js" charset="utf-8"></script> 
    47. 
	
  47. 
		          
    48. 
	
  48. 
		    </body> 
    49. 
	
  49. 
		</html> 
    50. 



			

			

					 标签：网站建设(5654)广州网站设计(5620)广州网站建设(4075)广州网页设计(1868)
					 
			

		
		
			  
	  
 
	

	 
	

	





	
	



飞机