求图片切换的效果,该怎么处理
日期：2014-05-18 浏览次数：20836 次
求图片切换的效果
http://222.189.239.24/礼品详细-tmp.htm VS可以做出这样的效果吗？
下面那种图片切换的
------解决方案--------------------
html代码如下
<!-- saved from url=(0031)http://www.microsoft.com/main.php -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="Copyright" content="http://www.ci35.com" />
<meta name="description" content="http://www.ci35.com" />
<meta content="ci35.com" name="keywords" />
<title>ci35.com</title>
<link href="css/css.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/javascript" src="js/imagerollover.js"></script>
</head>
<body>
<SCRIPT language=javascript>
var m_nPageInitTime = new Date();
var MainTopRoll = new xwzRollingImageTrans("IMG_MAIN_TOP_ROLL_DETAIL", "IMGS_MAIN_TOP_ROLL_THUMBNAIL");
MainTopRoll.addItem("http://www.makewing.com/","images/shower_01.jpg");
MainTopRoll.addItem("http://www.makewing.com/","images/shower_02.jpg");
MainTopRoll.addItem("http://www.makewing.com/","images/shower_03.jpg");
MainTopRoll.addItem("http://www.makewing.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" style="DISPLAY: none">
-->
<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"
http://222.189.239.24/礼品详细-tmp.htm VS可以做出这样的效果吗？
下面那种图片切换的
------解决方案--------------------
html代码如下
<!-- saved from url=(0031)http://www.microsoft.com/main.php -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="Copyright" content="http://www.ci35.com" />
<meta name="description" content="http://www.ci35.com" />
<meta content="ci35.com" name="keywords" />
<title>ci35.com</title>
<link href="css/css.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/javascript" src="js/imagerollover.js"></script>
</head>
<body>
<SCRIPT language=javascript>
var m_nPageInitTime = new Date();
var MainTopRoll = new xwzRollingImageTrans("IMG_MAIN_TOP_ROLL_DETAIL", "IMGS_MAIN_TOP_ROLL_THUMBNAIL");
MainTopRoll.addItem("http://www.makewing.com/","images/shower_01.jpg");
MainTopRoll.addItem("http://www.makewing.com/","images/shower_02.jpg");
MainTopRoll.addItem("http://www.makewing.com/","images/shower_03.jpg");
MainTopRoll.addItem("http://www.makewing.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" style="DISPLAY: none">
-->
<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"
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
