隨筆 - 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; 
          }           

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

          /* 導(dǎo)航提示樣式(未選擇) */ 
          .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>
          

          注意：圖片新聞一對應(yīng)的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 飛翔天使 閱讀(427) 評論(0)  編輯  收藏  所屬分類: javascript 
          

          







          
	    
    




          








          

				
	



          



    







          
        
	




主站蜘蛛池模板：
石嘴山市|
武汉市|
九龙县|
茌平县|
新野县|
边坝县|
固镇县|
新巴尔虎右旗|
油尖旺区|
舒兰市|
绍兴县|
武山县|
高碑店市|
巴彦淖尔市|
洪江市|
慈利县|
江安县|
秦皇岛市|
邮箱|
纳雍县|
五华县|
台安县|
毕节市|
浦江县|
都匀市|
承德市|
平南县|
台安县|
乐昌市|
资中县|
神木县|
鹿泉市|
东源县|
永福县|
延川县|
普兰县|
措美县|
天全县|
郧西县|
宜州市|
寻乌县|