<rt id="bn8ez"></rt>
<label id="bn8ez"></label>
  • 

    • <span id="bn8ez"></span>
    

    <label id="bn8ez"><meter id="bn8ez"></meter></label>
    

    
    

    




    







												


        



    
	
    
		
			


    
	
    

    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>
    

    
	
    
	


    
	    
    




    








    

				
			
    
		    		
	
    
	
    
		
			


		
	
    

    


    







    
        
	



主站蜘蛛池模板：
亚洲免费观看在线视频|
亚洲电影中文字幕|
亚洲va中文字幕|
永久黄网站色视频免费观看|
亚洲综合色丁香婷婷六月图片|
国产91免费在线观看|
亚洲日本国产乱码va在线观看|
1000部国产成人免费视频|
亚洲成a人片77777群色|
国产精品视频免费一区二区
|
亚洲狠狠久久综合一区77777|
中文无码成人免费视频在线观看|
亚洲av无码国产精品夜色午夜
|
中文字幕免费人成乱码中国|
国产精品亚洲а∨无码播放|
97在线视频免费公开观看|
亚洲国色天香视频|
在线观看免费为成年视频|
美女一级毛片免费观看|
日韩一卡2卡3卡4卡新区亚洲|
九九精品成人免费国产片|
亚洲精品第五页中文字幕|
在线免费观看a级片|
免费无码AV一区二区|
亚洲国产精品无码久久一线|
69式互添免费视频|
国产午夜亚洲精品不卡电影|
久久亚洲国产欧洲精品一|
国产91色综合久久免费|
免费一级做a爰片久久毛片潮|
亚洲国产精品无码专区在线观看|
日本人的色道免费网站|
成a人片亚洲日本久久|
亚洲av无码国产精品色午夜字幕
|
亚洲AV永久无码精品一区二区国产|
中国国产高清免费av片|
www.亚洲成在线|
亚洲午夜福利AV一区二区无码|
日日麻批免费40分钟日本的|
曰批免费视频播放在线看片二|
亚洲一区中文字幕久久|