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>

JavaScript特效制作经典精讲(案例入门详解、可直接粘贴拷贝运行、史上最牛案例)

技巧一、添加链接提示 徐守威 >链接提示 技巧二、在网页中加入最后修改日期 徐守威 document....
  • xushouwei
  • xushouwei
  • 2014年08月24日 10:54
  • 1373

翻页特效原理

http://www.open-open.com/lib/view/1326265166952 实现真实的翻页效果,为了能在翻页的过程中看到下一页的内容,在翻页之前必须准备两张页面,一张是当...
  • meegomeego
  • meegomeego
  • 2013年01月09日 11:40
  • 1173

原生js手写翻页效果

Html部分:                     正在加载,请稍后...                                                       ...
  • Ymm_0008
  • Ymm_0008
  • 2017年02月08日 13:15
  • 165

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

参考自:http://webvfx.rectalogic.com/examples_2transition-shader-pagecurl_8html-example.html 效果图 ...
  • panda1234lee
  • panda1234lee
  • 2016年08月23日 01:20
  • 3050

网站设计之常见简单实用的JavaScript特效总结(上篇)

这篇主要是总结JavaScript常见简单实用的特效,主要从代码量短、简单实用几个方面进行叙述。其中特效包括: 1.鼠标悬停图片切换查看器; 2.鼠标移动图片放大; ...
  • Eastmount
  • Eastmount
  • 2016年12月19日 00:54
  • 2747

图片的简单特效翻页

参考http://www.blogjava.net/wangxinsh55/archive/2011/09/21/359146.html实现,具体代码如下: [java] view ...
  • sfshine
  • sfshine
  • 2013年03月22日 17:16
  • 701

Android实现翻页特效

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

万能js实现翻页,动态生成内容自动翻页,兼容各种浏览器(已测试)----神器版!

要求:动态输入内容,点击post生成内容条,实现自动翻页! 废话不多说,直接上代码: js代码: var date=new Date(); var myDate=date.getDate()+"/"+...
  • u010480479
  • u010480479
  • 2014年02月10日 21:22
  • 4853

【jQueryMobile】使用jQueryMobile实现滑动翻页的效果

滑动手势在移动设备是很流行的,在移动设备中滑动翻页中很常见 虽然这个功能可以在jQueryMobile中实现,但是个人与之前写的《【jQuery】论手机浏览器中拖拽动作的艰难性》(点击打开链接)中的观...
  • yongh701
  • yongh701
  • 2014年12月11日 20:19
  • 3194

使用jsp实现翻页功能

使用jsp实现翻页功能
  • u012156133
  • u012156133
  • 2013年12月06日 15:56
  • 2003
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javascript特效翻页广告板
举报原因:
原因补充:

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