迅雷首頁圖片輪播

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>迅雷新聞焦點圖片輪播js源碼 - 廣告代碼 - 中國asp之家</title>
<style>
a {text-decoration:none;color:#353535;}
a:hover {color:#CD0102;}
.flashNews {position:relative;float:left;width:305px;height:214px;margin-bottom:12px;overflow:hidden;border:1px solid #B6CAE3;}
.flashNews .bg {position:absolute;left:0;bottom:0;width:305px;height:73px;background:#000000;filter:alpha(opacity=39);-moz-

opacity:0.39;opacity:0.39;}
.flashNews h3 {position:absolute;left:10px;top:140px;width:330px;height:35px;line-height:35px;z-index:2;}
.flashNews h3 a {font-size:20px;font-family:"黑體";font-weight:normal;color:#FFFFFF;}
.flashNews h3 a:hover {color:#F20000;}
.flashNews img {border:0;}
.flashNews p {position:absolute;left:10px;top:170px;width:330px;height:20px;line-height:20px;;z-index:2;}
.flashNews p a {color:#FFFFFF;font-size:12px;}
.flashNews p a:hover {color:#F20000;}
.flashNews ul {position:absolute;right:0;bottom:0;padding-left:47px;_padding-left:46px;background:url('../../img/flashPage_bg.png')

no-repeat 0 0;z-index:2;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader

(src='img/flashPage_bg.png',sizingMethod='crop')}
.flashNews ul li {float:left;width:15px;height:18px;line-height:18px;text-align:center;margin-left:1px;background:#000000;}
.flashNews ul li a {display:block;width:15px;height:18px;font-size:10px;font-family:Tahoma;font-weight:bold;color:#FFFFFF;}
.flashNews ul li a:hover, .flashNews ul li a.sel {color:#F20000;}

</style>
</head>

<body>

<div class="flashNews">
  <div id="Switch_1"><a  href="http://www.aspxhome.com/" blockid="1121">
 <img src="images/2a304699a8d85a0720a451ba47920041.jpg" alt="李嘉欣坦言最愛許晉亨" οnmοuseοver="pauseSwitch();" 

οnmοuseοut="goonSwitch();" style="border:0px;filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4,

motion=forward)"  /></a></div>
  <div id="Switch_2" style="display:none;"><a  href="http://www.aspxhome.com/adcode/" blockid="1121">
 <img src="images/9c4e9fd2e411894872b6463fd98d47fe.jpg" alt="周迅濃妝豔抹亮相" οnmοuseοver="pauseSwitch();" 

οnmοuseοut="goonSwitch();" style="border:0px;filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4,

motion=forward)" /></a></div>
  <div id="Switch_3" style="display:none;"><a  href="http://www.aspxhome.com/tool/" blockid="1121">
 <img src="images/73f4c74b0d98b7d012a2f402159b582e.jpg" alt="《巴比倫紀元》08動作科幻大片" οnmοuseοver="pauseSwitch();" 

οnmοuseοut="goonSwitch();"  /></a></div>
  <div id="Switch_4" style="display:none;"><a  href="http://www.llkyx.com/" blockid="1121">
 <img src="images/0908ffc8feef8fd7339cdef32f753f93.jpg" alt="《在人生的另一邊》慾望和情感" οnmοuseοver="pauseSwitch();" 

οnmοuseοut="goonSwitch();"  /></a></div>
  <div id="Switch_5" style="display:none;"><a  href="http://www.llkyx.com/" blockid="1121">
 <img src="images/f2a5e40e026d73df7531e90e6508e9fb.jpg" alt="《英雄島》今日開放測試" οnmοuseοver="pauseSwitch();" 

οnmοuseοut="goonSwitch();"  /></a></div>
  <div id="SwitchTitle" οnmοuseοver="pauseSwitch();"  οnmοuseοut="goonSwitch();"></div>
 <ul id="SwitchNav"></ul>
 <div class="bg" οnmοuseοver="pauseSwitch();"  οnmοuseοut="goonSwitch();"></div>
</div><!-- flashNews end --> 
<script type="text/javascript">

function switchPic(screen) {
 if (screen > MaxScreen) {
  screen = 1 ;
 }
 
 for (i=1;i<=MaxScreen;i++) {
  document.getElementById("Switch_"+i).style.display = "none" ;
 }
 document.getElementById("Switch_"+screen).style.display = "block" ;  
 showSwitchNav(screen);
 showSwitchTitle(screen); 
 CurScreen = screen  ;
}
function showSwitchNav(screen) {
 var NavStr = "" ;
 for (i=1;i<=MaxScreen;i++) {
  if (i == screen) {
   NavStr += '<li οnmοuseοver="pauseSwitch();" οnmοuseοut="goonSwitch();"><a href="javascript:" target="_self"

class="sel">'+i+'</a></li>' ;
  }
  else {
   NavStr += '<li οnmοuseοver="pauseSwitch();" οnmοuseοut="goonSwitch();" οnclick="goManSwitch('+i+');"><a

href="javascript:" target="_self">'+i+'</a></li>' ;
  }
  
 }
 document.getElementById("SwitchNav").innerHTML = NavStr ;
}
function showSwitchTitle(screen) {
 var titlestr = "" ;
 titlestr = '<h3><a href="'+Switcher[screen]['link']+'" target="_blank">'+Switcher[screen]['title']+'</a></h3><p><a

href="'+Switcher[screen]['link']+'" target="_blank">'+Switcher[screen]['stitle']+'</a></p>' ;
 document.getElementById("SwitchTitle").innerHTML = titlestr ;
}
function reSwitchPic() {
 refreshSwitchTimer = null;
 switchPic(CurScreen+1);
 refreshSwitchTimer = setTimeout('reSwitchPic();', 3000);
}
function pauseSwitch() {
 clearTimeout(refreshSwitchTimer);
}
function goonSwitch() {
 clearTimeout(refreshSwitchTimer);
 refreshSwitchTimer = setTimeout('reSwitchPic();', 3000);
}
function goManSwitch(index) {
 clearTimeout(refreshSwitchTimer);
 
 CurScreen = index - 1 ;
 reSwitchPic();
}


  var CurScreen = 1 ;
  var MaxScreen = 5 ;
  var Switcher = new Array();
Switcher[1] = Array() ;
Switcher[1]['title'] = "李嘉欣坦言最愛許晉亨" ;
Switcher[1]['stitle'] = "活動走秀牽手男模目不斜視" ;
Switcher[1]['link'] = "http://www.aspxhome.com/" ;
Switcher[2] = Array() ;
Switcher[2]['title'] = "周迅濃妝豔抹亮相" ;
Switcher[2]['stitle'] = "傾情演繹浪漫巴黎情致" ;
Switcher[2]['link'] = "http://www.aspxhome.com/adcode/" ;
Switcher[3] = Array() ;
Switcher[3]['title'] = "《巴比倫紀元》08動作科幻大片" ;
Switcher[3]['stitle'] = "範·迪塞爾和楊紫瓊震撼打鬥" ;
Switcher[3]['link'] = "http://www.llkyx.com/" ;
Switcher[4] = Array() ;
Switcher[4]['title'] = "《在人生的另一邊》慾望和情感" ;
Switcher[4]['stitle'] = "第60屆戛納影展參賽片,慾望和情感糾葛的最頂端" ;
Switcher[4]['link'] = "http://www.aspxhome.com/" ;
Switcher[5] = Array() ;
Switcher[5]['title'] = "《英雄島》今日開放測試" ;
Switcher[5]['stitle'] = "讓傳統失色,就玩不一樣!" ;
Switcher[5]['link'] = "http://www.aspxhome.com/" ;

  var refreshSwitchTimer = null;
  switchPic(CurScreen);
  refreshSwitchTimer = setTimeout('reSwitchPic();', 3000);
  
  </script>
  <p></p>
</body>

</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章