javascript特效翻页广告板

转载 2007年09月27日 17:39:00

效果如上图

 

代码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0040)http://www.xinhuanet.com/mil/bd_jspd.htm -->
<HTML><HEAD><TITLE>嵌入-变动</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>BODY {
 MARGIN-TOP: 0px; MARGIN-LEFT: 0px
}
.l12 {
 FONT-SIZE: 12px; COLOR: #000066; FONT-FAMILY: "宋体"; TEXT-DECORATION: none
}
</STYLE>

<STYLE>.myDIV {
 FILTER: revealTrans(transition=18,duration=2); WIDTH: 650px; POSITION: absolute
}
</STYLE>

<META content="MSHTML 6.00.3790.2795" name=GENERATOR></HEAD>
<BODY bgColor=#ffffff leftMargin=0 topMargin=0 onload=setTime() marginwidth="0"
marginheight="0">
<TABLE cellSpacing=0 cellPadding=0 width=668 border=0>
  <TBODY>
  <TR>
    <TD vAlign=top>
      <DIV style="HEIGHT: 245px">
      <DIV class=myDIV id=sc1 onmouseover=isScroll(1)
      style="VISIBILITY: visible; WIDTH: 668px" onmouseout=isScroll(0)>
      <TABLE cellSpacing=1 cellPadding=0 width=668 bgColor=#719ad9 border=0>
        <TBODY>
        <TR>
          <TD vAlign=top align=middle bgColor=#ffffff>
            <TABLE cellSpacing=0 cellPadding=0 width=660 border=0>
              <TBODY>
              <TR vAlign=top align=middle>
                <TD width=165>
                  <TABLE cellSpacing=0 cellPadding=0 width=140 border=0>
                    <TBODY>
                    <TR>
                      <TD vAlign=top align=middle><A
                        href="http://news.xinhuanet.com/mil/2006-11/20/content_5342054.htm"
                        target=_blank><IMG height=80
                        src="bd_jspd_files/xin_51211031916038902648339.jpg"
                        width=140 vspace=6 border=0></A></TD></TR>
                    <TR>
                      <TD vAlign=top align=middle><A class=l12
                        href="http://news.xinhuanet.com/mil/2006-11/20/content_5342054.htm"
                        target=_blank>特别策划:追寻退伍士兵中的"超男"、"超女"</A></TD></TR></TBODY></TABLE></TD>
                <TD width=165>
                  <TABLE cellSpacing=0 cellPadding=0 width=140 border=0>
                    <TBODY>
                    <TR>
                      <TD vAlign=top align=middle><A
                        href="http://news.xinhuanet.com/mil/2006-11/23/content_5364379.htm"
                        target=_blank><IMG height=80
                        src="bd_jspd_files/xin_17211032307556091994030.jpg"
                        width=140 vspace=6 border=0></A></TD></TR>
                    <TR>
                      <TD vAlign=top align=middle><A class=l12
                        href="http://news.xinhuanet.com/mil/2006-11/23/content_5364379.htm"
                        target=_blank>中国携手联合国安保机构筹划北京奥运反恐工作</A></TD></TR></TBODY></TABLE></TD>
                <TD width=165>
                  <TABLE cellSpacing=0 cellPadding=0 width=140 border=0>
                    <TBODY>
                    <TR>
                      <TD vAlign=top align=middle><A
                        href="http://news.xinhuanet.com/mil/2006-11/22/content_5360322.htm"
                        target=_blank><IMG height=80
                        src="bd_jspd_files/xin_08211032208252653649102.jpg"
                        width=140 vspace=6 border=0></A></TD></TR>
                    <TR>
                      <TD vAlign=top align=middle><A class=l12
                        href="http://news.xinhuanet.com/mil/2006-11/22/content_5360322.htm"
                        target=_blank>俄国防部长称俄军有能力在三条战线同时开战<FONT
                        color=green>图</FONT></A></TD></TR></TBODY></TABLE></TD>
                <TD width=165>
                  <TABLE cellSpacing=0 cellPadding=0 width=140 border=0>
                    <TBODY>
                    <TR>
                      <TD vAlign=top align=middle><A
                        href="http://news.xinhuanet.com/mil/2006-11/22/content_5359920.htm"
                        target=_blank><IMG height=80
                        src="bd_jspd_files/xin_55211032207517811465967.jpg"
                        width=140 vspace=6 border=0></A></TD></TR>
                    <TR>
                      <TD vAlign=top align=middle><A class=l12
                        href="http://news.xinhuanet.com/mil/2006-11/22/content_5359920.htm"
                        target=_blank>AK-47被评为20世纪最优秀武器 M-16屈居第二<FONT
                        color=green>图</FONT></A></TD></TR></TBODY></TABLE></TD></TR>
              <TR vAlign=top align=middle>
                <TD width=165>
                  <TABLE cellSpacing=0 cellPadding=0 width=140 border=0>
                    <TBODY>
                    <TR>
                      <TD vAlign=top align=middle><A
                        href="http://news.xinhuanet.com/mil/2006-11/21/content_5359285.htm"
                        target=_blank><IMG height=80
                        src="bd_jspd_files/xin_422110321203546716408168.jpg"
                        width=140 vspace=6 border=0></A></TD></TR>
                    <TR>
                      <TD vAlign=top align=middle><A class=l12
                        href="http://news.xinhuanet.com/mil/2006-11/21/content_5359285.htm"
                        target=_blank>山东欢送进藏新兵</A></TD></TR></TBODY></TABLE></TD>
                <TD width=165>
                  <TABLE cellSpacing=0 cellPadding=0 width=140 border=0>
                    <TBODY>
                    <TR>
                      <TD vAlign=top align=middle><A
                        href="http://news.xinhuanet.com/mil/2006-11/21/content_5355239.htm"
                        target=_blank><IMG height=80
                        src="bd_jspd_files/xin_33211032109039682243105.jpg"
                        width=140 vspace=6 border=0></A></TD></TR>
                    <TR>
                      <TD vAlign=top align=middle><A class=l12
                        href="http://news.xinhuanet.com/mil/2006-11/21/content_5355239.htm"
                        target=_blank>信息化战争催动军队武器装备采购的转变</A></TD></TR></TBODY></TABLE></TD>
                <TD width=165>
                  <TABLE cellSpacing=0 cellPadding=0 width=140 border=0>
                    <TBODY>
                    <TR>
                      <TD vAlign=top align=middle><A
                        href="http://news.xinhuanet.com/mil/2006-11/21/content_5354938.htm"
                        target=_blank><IMG height=80
                        src="bd_jspd_files/xin_41211032108335312181497.jpg"
                        width=140 vspace=6 border=0></A></TD></TR>
                    <TR>
                      <TD vAlign=top align=middle><A class=l12
                        href="http://news.xinhuanet.com/mil/2006-11/21/content_5354938.htm"
                        target=_blank>土耳其开始购买第二批S-70B“海鹰”直升机</A></TD></TR></TBODY></TABLE></TD>
                <TD width=165>
                  <TABLE cellSpacing=0 cellPadding=0 width=140 border=0>
                    <TBODY>
                    <TR>
                      <TD vAlign=top align=middle><A
                        href="http://news.xinhuanet.com/mil/2006-11/21/content_5353721.htm"
                        target=_blank><IMG height=80
                        src="bd_jspd_files/xin_53211032108103123227389.jpg"
                        width=140 vspace=6 border=0></A></TD></TR>
                    <TR>
                      <TD vAlign=top align=middle><A class=l12
                        href="http://news.xinhuanet.com/mil/2006-11/21/content_5353721.htm"
                        target=_blank>美海军炸沉首艘“宙斯盾”级战舰
                  永沉太平洋底</A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
      <DIV class=myDIV id=sc2 onmouseover=isScroll(1)
      style="VISIBILITY: hidden; WIDTH: 668px" onmouseout=isScroll(0)>
      <TABLE cellSpacing=1 cellPadding=0 width=668 bgColor=#719ad9 border=0>
        <TBODY>
        <TR>
          <TD vAlign=top align=middle bgColor=#ffffff>
            <TABLE cellSpacing=0 cellPadding=0 width=660 border=0>
              <TBODY>
              <TR vAlign=top align=middle>
                <TD width=165>
                  <TABLE cellSpacing=0 cellPadding=0 width=140 border=0>
                    <TBODY>
                    <TR>
                      <TD vAlign=top align=middle><A
                        href="http://news.xinhuanet.com/mil/2006-11/21/content_5354543.htm"
                        target=_blank><IMG height=80
                        src="bd_jspd_files/xin_52211032107400462915054.jpg"
                        width=140 vspace=6 border=0></A></TD></TR>
                    <TR>
                      <TD vAlign=top align=middle><A class=l12
                        href="http://news.xinhuanet.com/mil/2006-11/21/content_5354543.htm"
                        target=_blank>美国内怀疑军方支付不起全部大型装备采办费用</A></TD></TR></TBODY></TABLE></TD>
                <TD width=165>
                  <TABLE cellSpacing=0 cellPadding=0 width=140 border=0>
                    <TBODY>
                    <TR>
                      <TD vAlign=top align=middle><A
                        href="http://news.xinhuanet.com/mil/2006-11/20/content_5353615.htm"
                        target=_blank><IMG height=80
                        src="bd_jspd_files/xin_0121103202053662198624.jpg"
                        width=140 vspace=6 border=0></A></TD></TR>
                    <TR>
                      <TD vAlign=top align=middle><A class=l12
                        href="http://news.xinhuanet.com/mil/2006-11/20/content_5353615.htm"
                        target=_blank>中美海军在南海海域成功举行海上联合搜救演习</A></TD></TR></TBODY></TABLE></TD>
                <TD width=165>
                  <TABLE cellSpacing=0 cellPadding=0 width=140 border=0>
                    <TBODY>
                    <TR>
                      <TD vAlign=top align=middle><A
                        href="http://news.xinhuanet.com/mil/2006-11/20/content_5350991.htm"
                        target=_blank><IMG height=80
                        src="bd_jspd_files/xin_2121103200705359322858.jpg"
                        width=140 vspace=6 border=0></A></TD></TR>
                    <TR>
                      <TD vAlign=top align=middle><A class=l12
                        href="http://news.xinhuanet.com/mil/2006-11/20/content_5350991.htm"
                        target=_blank>济南军区“前卫-206B”演习成功结束[组图]</A></TD></TR></TBODY></TABLE></TD>
                <TD width=165>
                  <TABLE cellSpacing=0 cellPadding=0 width=140 border=0>
                    <TBODY>
                    <TR>
                      <TD vAlign=top align=middle><A
                        href="http://news.xinhuanet.com/mil/2006-11/19/content_5348160.htm"
                        target=_blank><IMG height=80
                        src="bd_jspd_files/xin_0721103190824953117906.jpg"
                        width=140 vspace=6 border=0></A></TD></TR>
                    <TR>
                      <TD vAlign=top align=middle><A class=l12
                        href="http://news.xinhuanet.com/mil/2006-11/19/content_5348160.htm"
                        target=_blank>日本想为美充当太平洋方向“第一道反导盾墙”</A></TD></TR></TBODY></TABLE></TD></TR>
              <TR vAlign=top align=middle>
                <TD width=165>
                  <TABLE cellSpacing=0 cellPadding=0 width=140 border=0>
                    <TBODY>
                    <TR>
                      <TD vAlign=top align=middle><A
                        href="http://news.xinhuanet.com/mil/2006-11/18/content_5345569.htm"
                        target=_blank><IMG height=80
                        src="bd_jspd_files/xin_04211031809039371200114.jpg"
                        width=140 vspace=6 border=0></A></TD></TR>
                    <TR>
                      <TD vAlign=top align=middle><A class=l12
                        href="http://news.xinhuanet.com/mil/2006-11/18/content_5345569.htm"
                        target=_blank>美国防部公布绝密档案:美曾秘密装备苏联战机</A></TD></TR></TBODY></TABLE></TD>
                <TD width=165>
                  <TABLE cellSpacing=0 cellPadding=0 width=140 border=0>
                    <TBODY>
                    <TR>
                      <TD vAlign=top align=middle><A
                        href="http://news.xinhuanet.com/mil/2006-11/17/content_5344429.htm"
                        target=_blank><IMG height=80
                        src="bd_jspd_files/xin_27211031719580142800646.jpg"
                        width=140 vspace=6 border=0></A></TD></TR>
                    <TR>
                      <TD vAlign=top align=middle><A class=l12
                        href="http://news.xinhuanet.com/mil/2006-11/17/content_5344429.htm"
                        target=_blank>中美海军陆战队首次同台竞技</A></TD></TR></TBODY></TABLE></TD>
                <TD width=165>
                  <TABLE cellSpacing=0 cellPadding=0 width=140 border=0>
                    <TBODY>
                    <TR>
                      <TD vAlign=top align=middle><A
                        href="http://news.xinhuanet.com/mil/2006-11/17/content_5342149.htm"
                        target=_blank><IMG height=80
                        src="bd_jspd_files/xin_39211031711025781387036.jpg"
                        width=140 vspace=6 border=0></A></TD></TR>
                    <TR>
                      <TD vAlign=top align=middle><A class=l12
                        href="http://news.xinhuanet.com/mil/2006-11/17/content_5342149.htm"
                        target=_blank>巴基斯坦成功试射中程弹道导弹</A></TD></TR></TBODY></TABLE></TD>
                <TD width=165>
                  <TABLE cellSpacing=0 cellPadding=0 width=140 border=0>
                    <TBODY>
                    <TR>
                      <TD vAlign=top align=middle><A
                        href="http://news.xinhuanet.com/mil/2006-11/17/content_5341545.htm"
                        target=_blank><IMG height=80
                        src="bd_jspd_files/xin_07211031709404213857236.jpg"
                        width=140 vspace=6 border=0></A></TD></TR>
                    <TR>
                      <TD vAlign=top align=middle><A class=l12
                        href="http://news.xinhuanet.com/mil/2006-11/17/content_5341545.htm"
                        target=_blank>俄罗斯总统普京要求俄继续保持战略遏制力量<FONT
                        color=green>图</FONT></A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></DIV></TD></TR></TBODY></TABLE>
<SCRIPT>
var sc1=document.getElementById('sc1');
var sc2=document.getElementById('sc2');
//设置显示哪个层的变量
var sL=1;
//设置动与不动的变量
var iS=0;
//设定显示时间
function setTime()
{
 if(iS==0)
 {
  if(sL%2==1)
  {
   cs1(sc1,1);
   cs1(sc2,0);
   setTimeout('setTime()',5000);
  }
  else{
   cs1(sc1,0);
   cs1(sc2,1);
   setTimeout('setTime()',5000);
  }
  sL++;
 }
 else
  {
 setTimeout('setTime()',5000);
    }
}
//显示函数
function cs1(a,b)
{if(a==null)return;
 a.filters.revealTrans.apply();
 if(b==1) a.style.visibility='visible';
 else a.style.visibility='hidden';
 a.filters.revealTrans.play();}
//设定is变量
// v==1 不滚动 v==0 滚动
function isScroll(v){
iS=v;
}
</SCRIPT>
</BODY></HTML>

相关文章推荐

广告板技术BillBoard

  • 2016-04-10 19:07
  • 1.87MB
  • 下载

Android利用ViewPager实现滑动广告板

•android-support-v4.jar,这是谷歌官方给我们提供的一个兼容低版本Android设备的软件包,里面包囊了只有在Android3.0以上可以使用的api。而ViewPager就是其中...

BillBoardView自定义控件广告板轮播

ViewPager自定义控件广告板轮播BillBoardView查看github源代码compile ‘com.march.billboardview:billboardview:1.0.1’自定义轮...

JavaScript特效实例001-打开新窗口显示广告信息

实例001                 打开新窗口显示广告信息 实例说明          本实例要在窗口每次被加载的时候弹出一个广告对话框。 技术要点 &#...

Android实现翻页特效

android-flip 是一个能够轻松帮你实现水平以及竖直翻页特效的库,但是在判断翻页的时候有bug,我们需要在FlipCards.java中找到这一段: if (Math....
  • syfyw
  • syfyw
  • 2014-01-17 18:29
  • 2881

UIKit 图片的移动、位移、旋转、缩放、翻转、翻页等特效的使用

UIKit 图片的移动、位移、旋转、缩放、翻转、翻页等特效的使用 OC的UIKit的框架,提供了许多对图片的出来函数,在这里只做几种简单的图片处理特效。 一边情况下 ,移动imageview ...

Shader特效——“翻页”的实现 【GLSL】

参考自:http://webvfx.rectalogic.com/examples_2transition-shader-pagecurl_8html-example.html 效果图 ...

Jquery 鼠标等待1秒后 翻页特效(下到上)

今天项目碰到了这个特效需求~~ 搞了一个下午 终于与现在这个时候写出来了   特此留念----   var myTimer; var runStatu = 0; $(".wall-la...

图片翻页特效

1. 图片翻页特效:效果:多张图片逐个翻页显示,也可用鼠标点击图片区域下方的页码手动翻页。每张图片上都可添加链接引向不同位置的帖子。演示:在专刊盛世奥运之奢华盘点上半部分中间“华美谢幕”那部分有演示,...
  • Jikycc
  • Jikycc
  • 2011-04-25 22:57
  • 2007
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)