欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

新学一招 EXTCSSJavaScriptYUIHTML 

程序员文章站 2022-07-14 19:32:37
...
      以前编写html时习惯将javascript和css放在head中,老想做个页面正在加载的提示 ,可是一直都看不到,呵呵,看了雅虎的代码后,放到body中,果然不错,呵呵,收获啊
    
xml 代码
 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  
  2. <html lang="en">  
  3. <head>  
  4.   <title>Ext Documentation Center</title>  
  5.     <link rel="stylesheet" type="text/css" href="resources/docs.css"></link>  
  6.     <link rel="shortcut icon" href="http://www.jackslocum.com/favicon.ico" />  
  7.     <link rel="icon" href="http://www.jackslocum.com/favicon.ico" />  
  8. </head>  
  9. <body scroll="no" id="docs">  
  10. <!--在这里提示加载信息-->  
  11.   <div id="loading">  
  12.     <div class="loading-indicator">Loading...</div>  
  13.   </div>  
  14.     <!-- 包含的javascript和css放在后面->  
  15.     <script type="text/javascript" src="../yui-utilities.js"></script>  
  16.     <script type="text/javascript" src="../ext-yui-adapter.js"></script>  
  17.     <script type="text/javascript" src="../ext-all.js"></script>  
  18.     <link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" />  
  19.       
  20.     <script type="text/javascript" src="resources/docs.js"></script>  
  21.       
  22.   <div id="header" class="ylayout-inactive-content">  
  23.     <img src="http://www.yui-ext.com/common/images/yahoo_ext_small.gif" style="float:right;margin-right:10px;"/>  
  24.       
  25.     <div style="padding-top:3px;">Documentation Center</div>  
  26.   </div>