posts - 32, comments - 153, trackbacks - 0, articles - 0
          
	
 
BlogJava ::
首頁 ::
新隨筆 ::
聯系 ::
聚合
 ::
管理


          
		          		
	
          
	
          
		
			
          
			
          
		          		
		
			
          
				
					
	
          
		
          
			
          
				第2篇,Rico
			
          
 			Posted on 2006-11-24 16:17 Zou Ang 閱讀(366) 評論(0)  編輯  收藏  所屬分類:  
			
			


		
          
		
          
		下午嘗試使用Rico,實現了漸變和拖拽.主要是比較在意它的效果功能..沒太多了解對Ajax的支持.下面是漸變的代碼
          Open Rico:OpenRico.org
          <!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
          <html?xmlns="http://www.w3.org/1999/xhtml">
          <head>
          <script?language="javascript"?src="../Rico/prototype.js"></script>
          <script?language="javascript"?src="../Rico/rico.js"></script>
          <meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"?/>
          <title>Fade</title>
          <style?type="text/css">
          #fademe          {
          position          :absolute;
          top          :0px;
          left          :0px;
          background-color          :#0066FF;
          height          :200px;
          width          :200px;
          }
          #fademe?h1          {
          text-align          :center;
          }
          #fademe?button          {
          position          :absolute;
          top          :180;
          left          :90px;
          text-align          :center;
          }
          #status          {
          position          :absolute;
          top          :0px;
          left          :0px;
          background-color          :#FF9966;
          text-align          :center;
          font-size          :10pt;
          font-family          :Verdana,?Arial,?Helvetica,?sans-serif;
          visibility          :hidden;
          }
          </style>
          <script?language="javascript">
          ????          var?isFaded?=?false;
          ????          function?toggleEffect(){
          ????????          var?t;
          ????????          if(isFaded){
          ????????????t?          =?1;
          ????????}          else{
          ????????????t?          =?0;
          ????????}
          ????????          new?Rico.Effect.FadeTo('fademe',t,500,10,{complete:function(){?showStatus();}});
          ????}
          ????          function?showStatus(){
          ????????          var?status?=?document.getElementById('status');
          ????????          if(isFaded){
          ????????????status.style.visibility          ="hidden";
          ????????????isFaded?          =?false;
          ????????}          else{
          ????????????status.style.visibility          ="visible";
          ????????????status.innerHTML          ="<input?type='button'?value='重試'?onclick='toggleEffect();'/>";
          ????????????isFaded?          =?true;
          ????????}
          ????}
          </script>
          </head>
          <body>

          ????          <div?id="fademe">
          ????????          <h1>
          ????????????Fade?Me!
          ????????          </h1>
          ????????          <div?id="button">
          ????????????          <input?type="button"?value="Fade"?onclick="toggleEffect();";/>
          ????????          </div>
          ????          </div>
          ????          <div?id="status">
          ????????          <h3>
          ????????????完成
          ????????          </h3>
          ????          </div>
          </body>
          </html>
          

          
	
          
	


          
	    
    




          








          

				
			
          
		          		
	
          
	
          
		
			


		
	
          

          


    







          
        
	




主站蜘蛛池模板：
海原县|
安远县|
曲靖市|
稻城县|
于田县|
呼和浩特市|
天柱县|
麻江县|
江门市|
湘阴县|
黔江区|
建昌县|
会昌县|
揭阳市|
云和县|
兰坪|
旺苍县|
偃师市|
大兴区|
田东县|
辽阳市|
岑溪市|
天气|
图们市|
柳林县|
镇江市|
大渡口区|
卢龙县|
安仁县|
南江县|
大兴区|
巨鹿县|
长兴县|
石台县|
雅安市|
年辖：市辖区|
察哈|
麟游县|
新安县|
普兰店市|
朝阳区|