Chinaunix首页 | 论坛 | 博客

Leungffy XUExueliangfei.blog.chinaunix.net

首页　| 　博文目录　| 　关于我

xueliangfei

  • 博客访问： 2308408
  • 博文数量： 252
  • 博客积分： 5472
  • 博客等级： 大校
  • 技术积分： 3107
  • 用 户 组： 普通用户
  • 注册时间： 2011-09-17 18:39
文章分类

全部博文（252）

文章存档

2012年（96）

2011年（156）

我的朋友
最近访客
推荐博文
相关博文
渐变JS幻灯片

分类： 系统运维

2011-12-13 10:32:58

  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
  2. <%
  3. String path = request.getContextPath();
  4. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
  5. %>

  7. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  8. <html>
  9.   <head>
  10.     <base href="<%=basePath%>">
  11.     
  12.     <title>My JSP 'index.jsp' starting page</title>
  13.     <meta http-equiv="pragma" content="no-cache">
  14.     <meta http-equiv="cache-control" content="no-cache">
  15.     <meta http-equiv="expires" content="0">
  16.     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  17.     <meta http-equiv="description" content="This is my page">
  18.     
  19.   </head>
  20.   
  21.   <body>
  22.     This is my JSP page. <br>
  23.     
  24.     <SCRIPT src="pic_play.js" type="text/javascript"></SCRIPT>
  25. <DIV id=oTransContainer style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0, wipeStyle=0, motion='forward'); WIDTH: 930px; ">
  26.       <IMG id=oDIV1 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: yes; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" src="img/banner4.jpg" width=930 border=0>
  27.      <IMG id=oDIV2 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" src="img/banner2.jpg" width=930 border=0>
  28.      <IMG id=oDIV3 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" src="img/banner1.jpg" width=930 border=0>
  29.      <IMG id=oDIV4 style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; DISPLAY: none; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid" src="img/banner3.jpg" width=930 border=0>
  30. </div>
  31.   </body>
  32. </html>

 

JS

 

  1. var NowFrame = 1;
  2.     var MaxFrame = 4;
  3.     var bStart = 0;
  4.     function fnToggle() {
  5.     var next = NowFrame + 1;
  6.     if(next == MaxFrame+1)
  7.     {
  8.     NowFrame = MaxFrame;
  9.     next = 1;
  10.     }
  11.     if(bStart == 0)
  12.     {
  13.     bStart = 1;
  14.             
  15.     setTimeout('fnToggle()', 1000);
  16.     return;
  17.     }
  18.     else
  19.     {
  20.     oTransContainer.filters[0].Apply();
  21.     document.images['oDIV'+next].style.display = "";
  22.     document.images['oDIV'+NowFrame].style.display = "none";
  23.     oTransContainer.filters[0].Play(duration=3);
  24.     if(NowFrame == MaxFrame)
  25.     NowFrame = 1;
  26.     else
  27.     NowFrame++;
  28.     } setTimeout('fnToggle()', 6000);
  29.     }
  30.     fnToggle();

 

 

阅读(2595) | 评论(0) | 转发(0) |
0

上一篇：在线人数统计

下一篇：Filter在Web开发中的应用

给主人留下些什么吧！~~
关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6