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

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

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

    
    

    




    







												


        




    
	
		


    隨筆 - 147 
文章 - 71 
trackbacks - 0


     
	

    

    
	
		
    
			
    
	
    
		
    <2011年11月>
    
	
    日一二三四五六
    303112345
    6789101112
    13141516171819
    20212223242526
    27282930123
    45678910
    

    

    
			



			

    常用鏈接
    


    留言簿(1)
    




		
    隨筆分類(146)
    
		
				
			
	
		
    隨筆檔案(147)
    
		
				
			
	
		
    文章分類(28)
    
		
				
			
	
		
    文章檔案(28)
    
		
				
			
	
		
    喜歡的Blog
    
		
				
			
	




    搜索
    

      
	
    • 
		
    •  
	
      • 

    


    最新評論
	
    



    閱讀排行榜
    



    評論排行榜
    


    		
	

    

    
	
					


    
	
	
    

    <style type="text/css"> 
    /* 圖片新聞大小可以更改此樣式 */ 
    .pp_portal_imgNews     { 
        position    :relative; 
        text-align    :left; 
        width    :250px; 
        height    :190px; 
    }     

    .pp_portal_imgNew     { 
        position    :absolute; 
    }     

    /* 圖片樣式 */ 
    .pp_portal_imgNew img     { 
        width    :100%; 
        height    :165px; 
        border    :0; 
    }     

    /* 文字標題樣式 */ 
    .pp_portal_imgNew_title     { 
        text-align    :center; 
        margin-top    :5px; 
    }     

    .pp_portal_imgNew_title a    { 
        display    :block; 
        color    :#000; 
        text-decoration    : none; 
        font-size    : 14px; 
        font-weight    : bold; 
        text-align    :center; 
    }     

    /* 導航提示位置 */ 
    .pp_portal_navLink     { 
        position    :absolute; 
        display    :block; 
        right    :0px; 
        bottom    :5px; 
    }     

    /* 導航提示樣式(未選擇) */ 
    .pp_portal_navLink a     { 
        color    :#fff; 
        text-align    :center; 
        text-decoration    : none; 
    }     

    .pp_portal_navLink li     { 
        display    :inline; 
        text-align    :center; 
        background-color    :#333; 
        width    :15px; 
        margin-left    :1px; 
    }     
    </style>

    <script type="text/javascript"> 
    var newsNum = 4; 
    var nn = 1; 

    function pp_portal_selectPicNew(o) {
            for(var i=1; i<=newsNum; i++) { 
                var newsId = "id_portal_imgNew" + i; 
                    if(o==i) { // 被選中 
                    document.getElementById(newsId).style.display="block"; 
                    document.getElementById(    "id_portal_navLink"+i).style.background="red"; 
                }     else { 
                    document.getElementById(newsId).style.display    ="none"; 
                    document.getElementById(    "id_portal_navLink"+i).style.background="#333"; 
                }     
        }     
        nn    =o; 
    }     

    // 自動選擇圖片新聞 
    function pp_portal_changePicNew() { 
            if(nn>newsNum) nn=1 
            //alert(nn); 
        pp_portal_selectPicNew(nn); 
        nn    ++; 
    }     

    function pp_portal_picNew_auto() { 
        pp_portal_picNew_autoTask     = setInterval('pp_portal_changePicNew()', 2000); 
    }     
    pp_portal_picNew_auto(); 
    </script>

    <div id="id_portal_imgNews" class="pp_portal_imgNews">
          <div id="id_portal_imgNew1" class="pp_portal_imgNew" style="display:block;"> <a href="#"><img alt="圖片新聞一" src="/upload/20081011185509111.jpg"></img></a>
            <div class="pp_portal_imgNew_title"><a href="http://sports.sina.com.cn/f1/2008-10-11/14014001153.shtml">圖片新聞一</a></div>
          </div>
          <div id="id_portal_imgNew2" class="pp_portal_imgNew" style="display:none;"> <a href="#"><img alt="圖片新聞二" src="/upload/20081011185509111.jpg"></img></a>
            <div class="pp_portal_imgNew_title"><a href="http://sports.sina.com.cn/f1/2008-10-11/14014001153.shtml">圖片新聞二</a></div>
          </div>
          <div id="id_portal_imgNew3" class="pp_portal_imgNew" style="display:none;"> <a href="#"><img alt="圖片新聞三" src="/upload/20081011185509111.jpg"></img></a>
            <div class="pp_portal_imgNew_title"><a href="http://sports.sina.com.cn/f1/2008-10-11/14014001153.shtml">圖片新聞三</a></div>
          </div>
          <div id="id_portal_imgNew4" class="pp_portal_imgNew" style="display:none;"> <a href="#"><img alt="圖片新聞四" src="/upload/20081011185509111.jpg"></img></a>
            <div class="pp_portal_imgNew_title"><a href="http://sports.sina.com.cn/f1/2008-10-11/14014001153.shtml">圖片新聞四</a></div>
          </div>
          <div id="id_portal_navLinks" class="pp_portal_navLink">
            <ul>
              <li id="id_portal_navLink1" ><a href="javascript:void(0)" onClick="pp_portal_selectPicNew(1)"> 1 </a></li>
              <li id="id_portal_navLink2" ><a href="javascript:void(0)" onClick="pp_portal_selectPicNew(2)"> 2 </a></li>
              <li id="id_portal_navLink3" ><a href="javascript:void(0)" onClick="pp_portal_selectPicNew(3)"> 3 </a></li>
              <li id="id_portal_navLink4" ><a href="javascript:void(0)" onClick="pp_portal_selectPicNew(4)"> 4 </a></li>
            </ul>
          </div>
    </div>
    

    注意：圖片新聞一對應的div為<div id="id_portal_imgNew1" class="pp_portal_imgNew" style="display:block;">，其中id編碼與js是聯系在一起的，其他三個圖片新聞的style為style="display:none;
    
	
    posted on 2011-11-03 20:43 飛翔天使 閱讀(427) 評論(0)  編輯  收藏  所屬分類: javascript 
    

    







    
	    
    




    








    

				
	



    



    







    
        
	



主站蜘蛛池模板：
亚洲Av无码专区国产乱码DVD|
亚洲天堂电影在线观看|
黄色网址在线免费|
亚洲人成在久久综合网站|
免费永久国产在线视频|
a毛看片免费观看视频|
亚洲最大天堂无码精品区|
久久久久亚洲AV综合波多野结衣|
免费无码又爽又刺激高潮视频|
亚洲色大成WWW亚洲女子|
在线观看亚洲av每日更新|
免费无码黄十八禁网站在线观看|
最新亚洲人成无码网站|
久久精品国产亚洲精品2020|
四虎1515hm免费国产|
7x7x7x免费在线观看|
深夜福利在线视频免费|
亚洲啪啪免费视频|
亚洲精品无码成人AAA片|
我要看WWW免费看插插视频|
人妻免费一区二区三区最新|
亚洲熟妇AV日韩熟妇在线|
无码乱人伦一区二区亚洲一|
亚洲日本在线播放|
亚洲精品无码久久久久AV麻豆|
84pao强力永久免费高清
|
亚洲youwu永久无码精品|
亚洲AV无码精品色午夜在线观看|
日本高清免费中文字幕不卡|
97在线视频免费公开观看|
黄 色一级 成 人网站免费|
亚洲小说图区综合在线|
久久精品a亚洲国产v高清不卡|
亚洲美女在线国产|
日韩视频在线免费|
最新欧洲大片免费在线|
99在线观看视频免费|
最近免费mv在线观看动漫
|
jjizz全部免费看片|
a级毛片在线视频免费观看|
免费福利资源站在线视频|