首页 ┆ 网站地图 ┆ 在线留言 ┆ 游戏资讯 ┆ 资源下载 ┆ 端午节祝福 ┆ 迅雷在线影视
设为首页
加入收藏
联系我们
高级搜索
您当前的位置: 主页>编程相关>JAVASCRIPT>javascript实现多张图片轮流展示效果代码
javascript实现多张图片轮流展示效果代码
来源: 发布时间:2008-01-17 发布人: 浏览: 人次   字体: [ ]  
/**
* 在显示相应的标题
* @return 返回void
*/
com.hf.rollAd.RollerAd.prototype.showTitle=function (count){
 var titlePane = document.getElementById(this.titleContainerId);
 titlePane.innerHTML=this.titles[count];
                                        
};
}
 
 
下面是网页:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
            "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 
<title>Editor Demo</title>
    <style type="text/css">
        @import "<%=path%>/js/dojo1.0.1/dijit/themes/tundra/tundra.css";
        @import "<%=path%>/js/dojo1.0.1/dojo/resources/dojo.css"
    </style>
    <script type="text/javascript" src="<%=path%>/js/dojo1.0.1/dojo/dojo.js"
        djConfig="parseOnLoad: true "></script>
        <script type="text/javascript">
        dojo.require("com.hf.rollAd.RollerAd");
        var rollerAd = null;
       
        dojo.addOnLoad(
           function(){
                var titles=["1","2"];
               var  picUrls=["1","2"];
               valinks=["1","2"];
               var titleContainerId="titlePane";
               var picContainerId="pic";
               var manualControlContainerId="manualPane";
               var chandeSecond = 5;
                rollerAd= new com.hf.rollAd.RollerAd(/*Array*/ titles, /*Array*/ picUrls,/*links*/ links,
                                  /*String*/titleContainerId,/*String*/picContainerId,
                                  /*String*/manualControlContainerId,
                                  /*int*/ chandeSecond);
               
               rollerAd.init();
              
               setInterval("rollerAd.showNext()",rollerAd.chandeSecond*1000);
           
           }        
        );
      
     </script>
</head>
<body class="tundra">
<div id="titlePane">
</div>
<div style="width:100px;height:100px">
 <img id="pic" src="" style="width:100px;height:100px" ></img>
</div>
<div id="manualPane">
</div>
</body>
</html> 

共2页: 上一页 [1] 2 下一页
相 关 文 章   发布商链接
·鼠标右下角显示层,javascript读取xm...
·Ext2.0框架的Grid使用介绍祥解
·javaScript中如何定义类
·幻灯片焦点图片新闻显示调用focus.sw...
·Adobe Reader利用javascript让PDF文...
·基于Ajax的可滚动表格代码实例
·浅谈javascript函数劫持,附实例
·使用javascript标记高亮关键词的代码...
·javascript读写TEXT文本文件示例代码
·javascript实现动态多附件上传方法
 §最新评论:(评论内容只代表网友观点,与本站立场无关!)
网名: 验证码:  【所有评论】【↑返回顶部
评 分: 12 345
评论内容:(不能超过500字,请自觉遵守互联网相关政策法规。[按 Ctrl+Enter 可直接提交]
注意:请勿在本站发布政治话题、色情及违反法律的内容。
IT知道网 声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。
推 荐 文 章
·javscript实现鼠标移到小图片
·如何在静态页面中利用javascr...
·javascript实现WEB页面导出为...
·如何在兼容IE和Firefox的情况
·javascript读取本地excel文档
·javascript实现页面自动刷新...
·javascript解决iframe框架页...
·javascript实现网易邮箱多附...
·javascript实现模仿IE自动完...
·javacript实现关闭子窗口,刷...
·javascript脚本实现右键弹出...
·javascript结合Ajax制作的可...
·javascript实现页面载入等待...
·javascript实现一个IP只弹窗...
·javascript导航条比较实用的...
热 门 文 章
·Ext2.0框架的Grid使用介绍祥...
·JS实现多行的HTML静态表格分...
·javascript使用xml数据岛的简...
·Adobe Reader利用javascript...
·javascript读写TEXT文本文件...
·幻灯片焦点图片新闻显示调用f...
·javascript实现页面载入等待...
·实例讲解Ext Js生成动态树,...
·Javascript在IE和FireFox中的...
·javascript实现动态多附件上...
·javascript脚本实现右键弹出...
·鼠标右下角显示层,javascrip...
·javascript解析身份证号码得...
·javascript实现的网页软键盘...
·js操作innerHTML 引起的未知...
网站首页 - 关于本站 - 加入收藏 - 网站地图 - 友情连接 - 在线留言 - 联系我们 - 返回顶部
Copyright © 2007 IT知道网.[冀ICP备07026896号]. All Rights Reserved .