<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 ::
首頁 ::
新隨筆 ::
聯(lián)系 ::
聚合
 ::
管理


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


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

    
	
    
	


    
	    
    




    








    

				
			
    
		    		
	
    
	
    
		
			


		
	
    

    


    







    
        
	



主站蜘蛛池模板：
国内精品一级毛片免费看|
五月天婷婷免费视频|
最近免费中文字幕大全高清大全1
最近免费中文字幕mv在线电影
|
鲁大师在线影院免费观看|
久久亚洲国产欧洲精品一|
国产情侣久久久久aⅴ免费|
亚洲欧洲美洲无码精品VA|
在线看片免费人成视频播|
亚洲AV无码一区东京热久久|
最近新韩国日本免费观看|
亚洲冬月枫中文字幕在线看|
久久电影网午夜鲁丝片免费|
亚洲精品无码专区在线|
国产男女猛烈无遮档免费视频网站
|
baoyu777永久免费视频
|
四虎亚洲精品高清在线观看|
成年美女黄网站色大免费视频|
亚洲AV无码男人的天堂|
亚洲日本中文字幕一区二区三区|
91国内免费在线视频|
久久久无码精品亚洲日韩蜜臀浪潮|
国产日本一线在线观看免费
|
a级毛片免费完整视频|
精品亚洲A∨无码一区二区三区|
免费阿v网站在线观看g|
阿v视频免费在线观看|
久久亚洲国产午夜精品理论片|
嫖丰满老熟妇AAAA片免费看|
亚洲欧洲专线一区|
最新国产AV无码专区亚洲
|
久久久久久精品免费看SSS|
久久综合亚洲色hezyo|
国产精品亚洲片在线|
成人AV免费网址在线观看|
免费一级全黄少妇性色生活片|
亚洲日本在线观看|
国产又粗又猛又爽又黄的免费视频|
一区二区三区四区免费视频|
亚洲国产精品99久久久久久|
亚洲AV天天做在线观看|
国产精品自在自线免费观看|