图片,文字,内容#三部分周时实现幻灯效果.

提供大家测试用.(未设置CSS部分).
真”正的中国婚礼”指新婚夫妇共食同一牲畜之肉。合卺是指夫妇交杯而饮,注意:是交杯,只是交换了杯子而已,并非很多误导人的古装…

源代码如下:

<script type="text/javascript">
  <!--
  //切换焦点图
  var NowFrame = 1;
  var MaxFrame = 3;
  var bStart = 0;
  function fnToggle() {
  var next = NowFrame + 1;
  if(next == MaxFrame+1)
  {
  NowFrame = MaxFrame;
  next = 1;
  }
  if(bStart == 0)
  {
  bStart = 1;
  setTimeout('fnToggle()', 1000);
  return;
  }
  else
  {
  oTransContainer.filters[0].Apply();
  document.all['oDIV'+next].style.display = "";
  document.all['oDIV'+NowFrame].style.display = "none";
  oTransContainer.filters[0].Play(duration=3);
  if(NowFrame == MaxFrame)
  NowFrame = 1;
  else
  NowFrame++;
  } setTimeout('fnToggle()', 6000);
  }
  fnToggle();
  -->
  </script>
  <div>
<div id="oTransContainer" style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0, wipeStyle=0, motion='forward'); WIDTH: 284px; HEIGHT: 280px">
<div id="oDIV1" style="DISPLAY: none">
<div>
<p><a href="/editor/focus/wenxue_index/327/index.html" target="_blank"><img style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height="176" alt="" src="http://img.daqi.com/upload/2006-11-30/1164858486.jpg" width="270" border="0" /></a></p>
<h1><a href="/editor/focus/wenxue_index/327/index.html" target="_blank">美国小学教育</a></h1>
<h2><a>据说,虫子所进的那所学校是芝加哥排名前一百名的学校。应该算是我们理解的重点学校吧。芝加哥的公立学校(public elementary..</a></h2>
</div>
</div>
<div id="oDIV2">
<div>
<p><a href="/editor/focus/wenxue_index/327/index.html" target="_blank"><img style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height="176" alt="" src="http://img.daqi.com/upload/2006-11-28/1164677877.jpg" width="270" border="0" /></a></p>
<h1><a href="/editor/focus/wenxue_index/327/index.html" target="_blank">真正的中国婚礼</a></h1>
<h2><a>指新婚夫妇共食同一牲畜之肉。合卺是指夫妇交杯而饮,注意&mdash;&mdash;是交杯,只是交换了杯子而已,并非很多误导人的古装...</a></h2>
</div>
</div>
<div id="oDIV3" style="DISPLAY: none">
<div>
<p><a href="/editor/focus/wenxue_index/327/index.html" target="_blank"><img style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" height="176" alt="" src="http://img.daqi.com/upload/2006-11-24/1164361741_00083_small.jpg" width="270" border="0" /></a></p>
<h1><a href="/editor/focus/wenxue_index/327/index.html" target="_blank">80万还是180万?</a></h1>
<h2><a>江湖上最近的一个关于诗人的传说:一首诗卖了80万!该诗人王琪博对记者说:&ldquo;其实是180万,但我想没人会相信,就说80万,我估..</a></h2>
</div>
</div>
</div>
</div>
<script language="JavaScript" type="text/javascript">
<!--
function newsScroll() {
if(scrollimg.parentNode.scrollLeft!=(scrollimg.clientWidth/2))
{scrollimg.parentNode.scrollLeft++;
}
else
scrollimg.parentNode.scrollLeft=0
}
function window.onload() {
simg1.innerHTML=simg.innerHTML
setInterval('newsScroll()',50)
}
//-->
</script>

随机文章:

1、为了电脑安全,花了一天时间做电脑检测
https://www.onexin.net/%e4%b8%ba%e4%ba%86%e7%94%b5%e8%84%91%e5%ae%89%e5%85%a8%ef%bc%8c%e8%8a%b1%e4%ba%86%e4%b8%80%e5%a4%a9%e6%97%b6%e9%97%b4%e5%81%9a%e7%94%b5%e8%84%91%e6%a3%80%e6%b5%8b/

2、DIV+CSS设计实例:实现让多个DIV排列时居中
https://www.onexin.net/div-css-design-example-allow-multiple-div-arranged-when-the-center/

3、什么是WEB3.0
https://www.onexin.net/what-is-the-web3-0/

4、常用Rewrite规则在线生成
https://www.onexin.net/rewrite-rules-generate-common-line/

5、Magento中获取Zend DB对象中的SQL语句
https://www.onexin.net/magento-zend-db-object-for-sql-statements/

转载请注明出处:https://www.onexin.net/picture-text-3-part-of-the-week-to-achieve-results-slide/

Leave a Reply

Your email address will not be published. Required fields are marked *