<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<link href="css/css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/imagerollover.js"></script>
<script type="text/javascript">
var m_nPageInitTime = new Date();
var MainTopRoll = new xwzRollingImageTrans("IMG_MAIN_TOP_ROLL_DETAIL", "IMGS_MAIN_TOP_ROLL_THUMBNAIL");
MainTopRoll.addItem("http://www.google.cn","images/shower_01.jpg");
MainTopRoll.addItem("http://www.baidu.com","images/shower_02.jpg");
MainTopRoll.addItem("http://www.sina.com","images/shower_03.jpg");
MainTopRoll.addItem("http://www.iteye.com","images/shower_04.jpg");
</script>
<table cellSpacing=0 cellPadding=0 width=575 align=center>
<tbody>
<tr>
<td id=IDS_DIV_MAIN_TOP_ROLL_DETAIL width=500 height=235><img
class=clssMainRoll height=235
src="images/shower_01.jpg"
width=500 border=0 name=IMG_MAIN_TOP_ROLL_DETAIL /></td>
<td width=283 bgcolor="#F4F4F4"><table cellSpacing=0 cellPadding=0 align=center>
<tbody>
<tr>
<td align=right height=60><img style="DISPLAY: none"
height=5 src="" width=9 align=absMiddle border=0
name=IMGS_MAIN_TOP_ROLL_THUMBNAIL /><img
style="CURSOR: pointer" onclick=MainTopRoll.alterImage(0)
src="images/mini_01.jpg"
border=0 /></td>
</tr>
<tr>
<td align=right height=60><img style="DISPLAY: none"
height=5 src="" width=9 align=absMiddle border=0
name=IMGS_MAIN_TOP_ROLL_THUMBNAIL /><img
style="CURSOR: pointer" onclick=MainTopRoll.alterImage(1)
src="images/mini_02.jpg"
border=0 /></td>
</tr>
<tr>
<td align=right height=60><img style="DISPLAY: none"
height=5 src="" width=9 align=absMiddle border=0
name=IMGS_MAIN_TOP_ROLL_THUMBNAIL /><img
style="CURSOR: pointer" onclick=MainTopRoll.alterImage(2)
src="images/mini_03.jpg"
border=0 /></td>
</tr>
<tr>
<td align=right height=60><img style="DISPLAY: none"
height=5 src="" width=9 align=absMiddle border=0
name=IMGS_MAIN_TOP_ROLL_THUMBNAIL /><img
style="CURSOR: pointer" onclick=MainTopRoll.alterImage(3)
src="images/mini_04.jpg"
border=0 /></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
<script type="text/javascript">
MainTopRoll.Index = parseInt('0');
MainTopRoll.install();
</script>
具体的可以参考附件。
分享到：
相关推荐
在网页设计中，图片幻灯显示是一种常见的交互效果，它能以动态的形式展示一组图片，增强用户体验。"图片幻灯显示效果web页面源代码"是一个关于如何使用CSS和JavaScript实现这种效果的示例项目。接下来，我们将深入...
总结来说，C# WinForm实现图片幻灯片切换的关键在于合理利用PictureBox控件展示图片，Timer控件控制切换时机，并通过数组存储图片路径来管理图片资源。这个基本的框架可以进一步扩展，以适应更复杂的需求，如添加...
在网页设计中，jQuery图片幻灯片是一种常见且实用的元素，它能够为网站增添动态效果，提升用户体验。jQuery库的轻量级和强大的API使其成为实现这种功能的理想选择。本篇文章将深入探讨jQuery图片幻灯片的工作原理、...
在ASP技术中，实现图片幻灯片展示是一项常见的需求，它可以帮助网站用户以视觉友好的方式浏览一系列图片。以下是对ASP图片幻灯片实现的详细讲解： 1. **ASP基础**：ASP是基于HTTP协议的，它可以运行在IIS（Internet...
JavaScript图片幻灯片是一种在网页上展示图片轮播效果的技术，通常用于网站的首页或产品展示部分，以吸引用户注意力并提高用户体验。jQuery是JavaScript的一个库，它简化了DOM操作、事件处理和动画效果，因此在创建...
在本文中，我们将深入探讨如何使用C#编程语言创建一个名为“旋风图片查看器”的应用程序，该程序能够实现图片的简单显示以及幻灯片方式的动态展示。C#是一种强大的面向对象的编程语言，非常适合开发桌面应用，如图片...
jQuery 图片幻灯效果是一种常见的网页动态展示技术，它能够以滑动、淡入淡出等方式自动切换网页上的多张图片，为用户带来流畅且吸引人的视觉体验。在网页设计和开发中，jQuery 被广泛用于实现这种交互式功能，因为它...
标题中的“Flash+XML图片幻灯片显示”指的是利用Adobe Flash技术结合XML文件来创建一个动态的图片展示程序。在Web开发中，这样的方法能够实现灵活的图片切换效果，允许用户自定义展示顺序、时间间隔以及其他动画参数...
在Android开发中，实现高效的用户体验往往需要处理好网络图片的加载和显示，特别是在涉及到大量图片展示，如广告轮播、图片画廊等场景时。在这个案例中，我们关注的是如何利用`Android`的`ViewPager`组件和异步加载...
在IT领域，图片幻灯片是一种常见的多媒体展示方式，它允许用户以动态的形式展示一系列图片，常用于报告、演示、教学或个人分享等场景。在这个“图片幻灯片实例”中，我们可以深入探讨图片幻灯片的制作、设计原则、...
在制作网页图片幻灯片效果时，通常会涉及一系列重要的知识点。根据给定文件的内容，以下是一些相关的详细知识点： 1. 基本原理：幻灯片效果的基本原理是通过脚本控制图片的显示与隐藏，以及图片切换的动画效果，...
在网页设计中，动态效果是吸引用户注意力的重要手段之一，其中图片幻灯片效果就是一种常见且实用的设计。本文将详细介绍如何使用JavaScript实现这一效果，包括核心原理、关键代码以及实际应用。 首先，图片幻灯片...
JavaScript图片幻灯片是一种常见的网页动态效果，用于展示一组图片并自动进行切换，为用户提供流畅的视觉体验。这种效果在网站的首页、产品展示或新闻滚动等场景中广泛应用。实现JavaScript图片幻灯片的关键在于利用...
在IT领域，图片幻灯片效果是一种常见的用户体验设计，它允许用户以动态的方式浏览一系列图片，就像真实的幻灯片展示一样。这种效果广泛应用于网站、应用程序、桌面软件以及各种多媒体项目中，为用户提供了一种优雅且...
本教程将聚焦于一个常见且实用的功能：使用jQuery创建一个最简单的图片幻灯片，实现自动轮播效果，且不显示其他多余元素。 **一、jQuery简介** jQuery是由John Resig于2006年推出的一个JavaScript库，它的核心理念...
【ASP+Access新闻图片幻灯代码】是一种基于经典技术栈的网页动态展示方案，主要应用于网站的新闻或图片轮播功能。在这个系统中，ASP（Active Server Pages）负责后端逻辑处理，Access作为数据库存储新闻图片的信息，...
在这个特定的场景中，我们关注的是如何在ASP.NET中实现图片幻灯片切换的功能。 图片幻灯片切换通常用于网站的首页或者产品展示页面，它可以自动或手动切换展示一系列的图片，为用户提供动态且吸引人的视觉体验。...
【jQuery实现图片幻灯片特效】是一种常见的网页动态效果，用于展示一组图片并自动轮换，为用户带来更丰富的视觉体验。在这个项目中，我们利用jQuery库的强大功能，结合HTML、CSS和JavaScript技术来创建一个自定义的...
**jQuery图片幻灯片展示**是一种常见的网页动态效果，它能够以吸引人的形式展示一系列图片，通常用于网站的首页或产品展示区。这种效果利用了JavaScript库jQuery的强大功能，为用户提供了一个平滑、交互式的浏览体验...