posts - 32, comments - 153, trackbacks - 0, articles - 0
          
	
 
BlogJava ::
首頁(yè) ::
新隨筆 ::
聯(lián)系 ::
聚合
 ::
管理


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


		
          
		
          
		下午嘗試使用Rico,實(shí)現(xiàn)了漸變和拖拽.主要是比較在意它的效果功能..沒太多了解對(duì)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>
          

          
	
          
	


          
	    
    




          








          

				
			
          
		          		
	
          
	
          
		
			


		
	
          

          


    







          
        
	




主站蜘蛛池模板：
无棣县|
新河县|
吴旗县|
祁连县|
岗巴县|
南汇区|
泸水县|
泗洪县|
徐闻县|
雷山县|
湘潭市|
永登县|
浪卡子县|
萝北县|
潞城市|
永昌县|
仁化县|
南召县|
秦皇岛市|
彩票|
安多县|
泰和县|
明水县|
巴马|
夏邑县|
和田市|
阳西县|
黔东|
临武县|
乌兰察布市|
健康|
湖口县|
饶平县|
沙雅县|
泰来县|
泗水县|
莱阳市|
景德镇市|
内江市|
堆龙德庆县|
搜索|