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>
          

          
	
          
	


          
	    
    




          








          

				
			
          
		          		
	
          
	
          
		
			


		
	
          

          


    







          
        
	




主站蜘蛛池模板：
海原县|
平武县|
台北县|
长沙市|
乌兰察布市|
马鞍山市|
贡嘎县|
镇雄县|
永善县|
马关县|
蕉岭县|
临邑县|
津市市|
桂阳县|
天津市|
临城县|
桓台县|
邳州市|
通渭县|
华容县|
察雅县|
始兴县|
屯门区|
全椒县|
博爱县|
突泉县|
根河市|
新昌县|
义马市|
凤庆县|
弥渡县|
垣曲县|
武邑县|
嘉善县|
双城市|
太湖县|
柳林县|
论坛|
石河子市|
建水县|
仙游县|