sdustyongz
- 浏览: 89592 次
- 性别:
- 来自: 北京
-
文章分类
最新评论
-
ssy341：
说的简单了点，和官网的文档差不多，多文件上传也不是很好，不过可 ...
jQuery插件AjaxFileUpload文件上传实现Javascript多文件上传功能 -
蓝凝幽偌：
有没有jar包？
org.apache.commons.net.ftp.FTPClient 的简单用法 -
tinguo002：
在这里缓缓走过，很为楼主钻研精神感动，也感谢楼主分享。
关于Struts2资源文件的配置
全部代码如下：
注意要在pic文件下放入10个图片，名字为：pic1.jpg、pic2.jpg......pic9.jpg
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:rich="http://richfaces.ajax4jsf.org/rich">
<head>
<title>后台管理</title>
<meta http-equiv="keywords" content="enter,your,keywords,here" />
<meta http-equiv="description"
content="A short description of this page." />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
</head>
<body>
<style type="text/css">
<!--
td {font-family: Verdana, Arial, sans-serif, Helvetica; font-size: 12px; color: #F0F0F0;}
a {font-family: Verdana, Arial, sans-serif, Helvetica; font-size: 12px; color: #F0F0F0; text-decoration: none}
#btnStyle {font-family: Verdana, Arial, sans-serif, Helvetica; font-size: 12px; background-color: #C0C020; border-top: 0px solid; border-bottom: 0px solid; border-left: 0px solid; border-right: 0px solid;}
//--></style>
<script language="JavaScript" type="text/JavaScript"><!--
var img = new Array(10); //array to hold the images
var start = null; //start pointer
var counter = 1; //counts the image sequences
var delayTime = null; //user defined
if(document.images) //pre-load all the images
{
/* change the looping condition if you want
to add or remove images. Do not load too
many images, it will slow down the program's
loading time [e.g. 30 or above images] */
for(i = 1; i <= 10; i++)
{
img[i] = new Image();
img[i].src = "../images/pic/pic" + i + ".jpg";
}
}
//function for getting the user defined delay time
function getDelayTime(dlTime)
{
var temp = parseInt(dlTime);
if(temp != NaN)
delayTime = temp * 1000;
else
delayTime = 4000;
}
//function for changing the images
function anim()
{
counter++;
document.images[0].src = img[counter].src;
if(counter == 10)
counter = 0; //sets the counter value to 0
}
//function for starting the slide show
function slide()
{
getDelayTime(document.form1.delay.value);
with(document.form1)
{
start = setInterval("anim()", delayTime);
stShow.disabled = true;
spShow.disabled = false;
}
}
//function to stop the slide show
function stopSlide()
{
clearInterval(start);
document.form1.stShow.disabled = false;
document.form1.spShow.disabled = true;
}
//--></script>
<table>
<tr><td valign="top" align="center">
<img src="../images/pic/pic1.jpg" border="0" width="400" height="300" />
<form name="form1">
请输入图片显示间隔时间:
<input type="text" size="2" value="4" name="delay" />
<input type="button" value="Start Show" name="stShow" onmousemove="slide();" id="btnStyle" />
<input type="button" value="Stop Show" name="spShow" onmousemove="stopSlide();" id="btnStyle" />
</form>
</td></tr></table>
</body>
</html>
本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/guijava/archive/2008/11/04/3216914.aspx
注意要在pic文件下放入10个图片，名字为：pic1.jpg、pic2.jpg......pic9.jpg
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:rich="http://richfaces.ajax4jsf.org/rich">
<head>
<title>后台管理</title>
<meta http-equiv="keywords" content="enter,your,keywords,here" />
<meta http-equiv="description"
content="A short description of this page." />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
</head>
<body>
<style type="text/css">
<!--
td {font-family: Verdana, Arial, sans-serif, Helvetica; font-size: 12px; color: #F0F0F0;}
a {font-family: Verdana, Arial, sans-serif, Helvetica; font-size: 12px; color: #F0F0F0; text-decoration: none}
#btnStyle {font-family: Verdana, Arial, sans-serif, Helvetica; font-size: 12px; background-color: #C0C020; border-top: 0px solid; border-bottom: 0px solid; border-left: 0px solid; border-right: 0px solid;}
//--></style>
<script language="JavaScript" type="text/JavaScript"><!--
var img = new Array(10); //array to hold the images
var start = null; //start pointer
var counter = 1; //counts the image sequences
var delayTime = null; //user defined
if(document.images) //pre-load all the images
{
/* change the looping condition if you want
to add or remove images. Do not load too
many images, it will slow down the program's
loading time [e.g. 30 or above images] */
for(i = 1; i <= 10; i++)
{
img[i] = new Image();
img[i].src = "../images/pic/pic" + i + ".jpg";
}
}
//function for getting the user defined delay time
function getDelayTime(dlTime)
{
var temp = parseInt(dlTime);
if(temp != NaN)
delayTime = temp * 1000;
else
delayTime = 4000;
}
//function for changing the images
function anim()
{
counter++;
document.images[0].src = img[counter].src;
if(counter == 10)
counter = 0; //sets the counter value to 0
}
//function for starting the slide show
function slide()
{
getDelayTime(document.form1.delay.value);
with(document.form1)
{
start = setInterval("anim()", delayTime);
stShow.disabled = true;
spShow.disabled = false;
}
}
//function to stop the slide show
function stopSlide()
{
clearInterval(start);
document.form1.stShow.disabled = false;
document.form1.spShow.disabled = true;
}
//--></script>
<table>
<tr><td valign="top" align="center">
<img src="../images/pic/pic1.jpg" border="0" width="400" height="300" />
<form name="form1">
请输入图片显示间隔时间:
<input type="text" size="2" value="4" name="delay" />
<input type="button" value="Start Show" name="stShow" onmousemove="slide();" id="btnStyle" />
<input type="button" value="Stop Show" name="spShow" onmousemove="stopSlide();" id="btnStyle" />
</form>
</td></tr></table>
</body>
</html>
本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/guijava/archive/2008/11/04/3216914.aspx
分享到：
发表评论
-
java编程思想final的理解
2015-03-06 13:38 382根据上下文环境，java的关键字final也存在着细微的区别， ... -
PDF2SWF中文字符集解决方案
2014-02-26 15:12 829转自：http://www.cnblogs.com/liver ... -
Runtime.getRuntime().exec() 输出流阻塞的解决方法
2014-02-26 09:40 1880转自：http://blog.csdn.net/xiaoani ... -
笔记（不用老搜索了）
2013-07-17 16:16 0下面代码则执行了subgo()函数， <a href ... -
利用LinkedBlockingQueue实现生产者-消费者模式
2013-06-05 16:09 718由于LinkedBlockingQueue 实现是线程安全的， ... -
加密123
2013-05-08 22:35 865/** * 加密传输时的密码 * @author weirhp ... -
jsoup解析
2013-04-28 15:31 715http://www.ibm.com/developerwor ... -
java线程管理利器：java.util.current的用法举例
2012-12-05 15:42 1010DK5中增加了Doug Lea的并发库，这一引进给java线程 ... -
Tomcat - 解决which must be escaped when used within the value错误
2012-11-19 15:17 657http://www.cnblogs.com/javadu/a ... -
Java POI Word 写文档
2012-11-09 09:19 8761 package apache.poi; 2 3 ... -
使用COS组件实现文件上传
2012-06-15 11:25 1520转自：http://blog.csdn.net/jadyer/ ... -
Java Annotation(1)
2011-06-19 09:48 667作者：曾巧（numenzq） 摘要 Annotation( ... -
关于request得到路径的几种方法
2011-06-08 15:43 945request.getRequestURI() /jque ... -
JAVA EXCEL API 简介
2011-04-18 16:32 723转自：http://www.ibm.com/dev ... -
Hibernate 多对多双向关联
2011-03-21 11:09 621Hibernate 多对多双向关联 一、模型介绍 多个 ... -
Hibernate 一对多连接表双向关联
2011-03-21 11:09 768Hibernate 一对多连接表双向关联 一、模型介绍 ... -
Hibernate 一对多外键双向关联
2011-03-21 11:08 818Hibernate 一对多外键双向关联 一、模型介绍 ... -
Hibernate 一对一主键双向关联
2011-03-21 11:07 758Hibernate 一对一主键双向关联 一对一主键映射在一 ... -
Hibernate 一对一外键双向关联
2011-03-21 11:07 649Hibernate 一对一外键双向关联 一对一外键关联是一 ... -
Hibernate 多对多单向关联
2011-03-21 11:06 643Hibernate 多对多单向关联 一、模型介绍 多个人（ ...
相关推荐
在JavaScript中实现图片轮流显示是一项常见的网页动态效果需求，它能为用户带来更生动的视觉体验。本教程将深入探讨如何使用JavaScript实现这一功能，并提供详细的步骤和代码示例。 首先，我们需要理解基本的HTML...
本篇文章将详细讲解如何使用jQuery实现图片轮流播放的效果，这通常被称为图片轮播或幻灯片展示。 首先，我们需要了解jQuery的基本用法。jQuery对象通过$符号创建，它可以用来选择页面上的元素，例如`$("#elementID...
在iOS开发中，图片轮流切换显示通常用于制作广告轮播、产品展示等场景。这个案例中，我们使用了一个名为`ADScrollView`的组件，它基于UIScrollView实现，为开发者提供了一个简单易用的图片轮播解决方案。现在，我们...
在本文中，我们将深入探讨如何基于Microsoft Foundation Class (MFC)库在VC++环境中实现图片轮流显示的功能。MFC是一个C++类库，它为Windows应用程序开发提供了丰富的接口，简化了Windows API的使用。 首先，我们...
这些文件可能是实现图片轮换显示的一个实例，`lx.htm`中可能包含了上述提到的HTML结构、CSS样式和JavaScript代码。`pixviewer.swf`可能是一个Flash组件，虽然在现代Web开发中Flash已经逐渐被淘汰，但在过去，它也被...
这段CSS代码会每3秒更换一次显示的图片，形成轮流显示的效果。 然而，仅用HTML和CSS可能无法满足所有需求，比如复杂的定时切换或者用户交互。这时，JavaScript（JS）就派上用场了。JavaScript可以精确控制元素的...
总结起来，通过原生jQuery实现图片轮流播放，主要涉及DOM操作、定时器以及动画效果。在实际项目中，还可以根据需求进行扩展，如添加分页指示器、键盘导航、触摸滑动等交互功能，以提升轮播图的用户体验。
为了实现图片轮播，我们需要使用QLabel和一个定时器来定期更换显示的图片。以下是一些关键步骤： 1. **创建QLabel对象**：在你的Qt界面中，创建一个QLabel实例，这将是图片显示的区域。你可以通过在UI设计工具（如...
2. **加载图片**：在程序代码中，我们需要加载要播放的图片。可以使用PictureBox的Image属性来设置图片，例如： ```vb PictureBox1.Image = Image.FromFile("图片路径") ``` 这里需要将"图片路径"替换为实际的...
- 通过改变图片源和文字内容来实现图片切换和显示文字的效果。 **3. 用户交互** - 在用户点击图片时，可以通过`onClick`事件触发相应的链接跳转。 - 可以增加更多交互元素，如前后翻页按钮等。 #### 三、实现...
首先，我们要理解“图片轮流切换”的概念。这是一种常见的网页设计技巧，通过编程实现让一组图片按照预设顺序或随机顺序自动切换，用户无需手动操作就能看到不同的图片。这种效果通常由JavaScript库或CSS3动画来实现...
首先，我们来看第一种效果——模仿土豆网的“首页图片轮流显示”。这种效果通常是通过JavaScript或者CSS3实现的，它能够自动定时更换首页的背景图片，给用户带来动态的视觉体验。实现这个效果的关键在于以下几个方面...
在网页设计中，实现图片轮流显示（也称为幻灯片或轮播图）是一种常见的效果，用于展示多张图片或广告。虽然在现代网页开发中通常会使用JavaScript库如Swiper、Slick等，但在早期，这种效果往往通过HTML和简单的...
4. **棋子图像**：开发者提到棋子是自找的图片，这意味着源代码可能涉及图像加载和显示，这通常需要PIL（Python Imaging Library）或其他图像处理库的支持。 5. **游戏逻辑**：核心的游戏逻辑包括检查每次落子是否...
【VB.NET开发的五子棋游戏源代码】是一款基于Visual Basic .NET编程语言实现的桌面游戏，它展示了VB.NET在创建交互式图形用户界面和处理游戏逻辑方面的应用。这款五子棋游戏允许两位玩家通过轮流在棋盘上下棋子，先...
在本项目中，"Visual C++ 简易网络五子棋游戏的实现" 是一个基于MFC（Microsoft Foundation Classes）框架开发的简单版在线五子棋游戏。MFC是微软提供的一套C++库，用于构建Windows应用程序，它封装了许多Windows ...
jQuery 是一个广泛使用的JavaScript库，它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务，使得实现这种图片切换效果变得相对简单。 这个效果的核心在于使用jQuery的动画功能，特别是`fadeIn()`和`fadeOut()...
当定时器触发时，代码会改变舞台上图片元件的源，实现图片的无缝切换。这样，用户看到的就像是三张图片在广告位上轮流播放，增加了广告的动态感。 ActionScript是Adobe Flash Professional中用来创建交互式内容的...
1. **控件布局**：使用Windows Forms或WPF框架，创建一个显示棋盘的窗口，用按钮或图片控件表示棋子，布局应与实际棋盘一致。 2. **交互设计**：用户点击棋盘上的位置时，程序需要捕获这个事件，并在对应的位置放置...
设计报告中包含了一份完整的源程序代码，详细描述了软件的设计思路和实现细节。 ##### B. 作品实物图片 提供了设计作品的照片，直观展示了16x16点阵LED显示屏的实际效果。 ### 结论 通过本次设计实践，不仅学习...