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


          
		          		
	
          
	
          
		
			
          
			
          
		          		
		
			
          
				
					
	
          
		
          
			
          
				第2篇,Rico
			
          
 			Posted on 2006-11-24 16:17 Zou Ang 閱讀(377) 評論(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>
          

          
	
          
	


          
	    
    




          








          

				
			
          
		          		
	
          
	
          
		
			


		
	
          

          


    







          
        
	




主站蜘蛛池模板：
大丰市|
六安市|
贺兰县|
涡阳县|
长汀县|
苏尼特左旗|
平南县|
曲阳县|
清镇市|
富裕县|
留坝县|
海兴县|
缙云县|
宁明县|
亚东县|
裕民县|
镇赉县|
栾川县|
丹巴县|
筠连县|
蒲江县|
万山特区|
博罗县|
景洪市|
大足县|
崇信县|
榕江县|
临邑县|
新乡县|
东阳市|
香河县|
东方市|
凤阳县|
蒲城县|
武隆县|
伊吾县|
泽州县|
阳谷县|
正安县|
太保市|
秦皇岛市|