<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是聯(lián)系在一起的，其他三個圖片新聞的style為style="display:none;
    
	
    posted on 2011-11-03 20:43 飛翔天使 閱讀(426) 評論(0)  編輯  收藏  所屬分類: javascript 
    

    







    
	    
    




    








    

				
	



    



    







    
        
	



主站蜘蛛池模板：
国产精品视_精品国产免费
|
国产好大好硬好爽免费不卡|
亚洲国产成人91精品|
免费在线观看a级毛片|
91福利视频免费|
一道本不卡免费视频|
亚洲第一成人在线|
亚洲AV午夜福利精品一区二区|
国产男女性潮高清免费网站|
久久免费看少妇高潮V片特黄|
成人精品国产亚洲欧洲|
亚洲精品中文字幕无乱码|
久久久久国产成人精品亚洲午夜
|
久久精品一区二区免费看|
国产亚洲一卡2卡3卡4卡新区
|
国产精品亚洲mnbav网站
|
国产亚洲av片在线观看播放|
国内大片在线免费看|
久久精品一本到99热免费|
成人嫩草影院免费观看|
自拍偷区亚洲国内自拍|
午夜影视日本亚洲欧洲精品一区|
日产国产精品亚洲系列|
久久久久免费看黄A片APP|
无码国产精品一区二区免费模式|
国产黄片不卡免费|
亚洲国产精品美女久久久久|
亚洲欧洲日本天天堂在线观看|
亚洲AV无码国产丝袜在线观看
|
在线观看永久免费|
日本免费A级毛一片|
一级白嫩美女毛片免费|
午夜亚洲WWW湿好爽|
久久精品亚洲AV久久久无码
|
国产L精品国产亚洲区久久|
日本黄色免费观看|
四虎成人免费影院网址|
成人性生交大片免费看无遮挡|
日本片免费观看一区二区|
99精品视频免费在线观看|
免费视频成人手机在线观看网址|