我要一个表格 一行两列
左边列放置图片 右边列放置JS 图片轮播 4张图片
基本弄好了 就是不知道 为什么左列的图片和右列的就是不同高
左列的是背景图片 设置的高度是330 他总是变成336高度
全部代码如下 高手帮忙指点下
HTML code<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head><body>
<table width="960" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="360" height="330" background="_test_/xjy.jpg"> </td>
<td width="600" height="330">
<SCRIPT>
var NowFrame = 1;
var MaxFrame = 4;
var bStart = 0;
function fnToggle() {
var next = NowFrame + 1; if(next == MaxFrame+1)
{
NowFrame = MaxFrame;
next = 1;
} if(bStart == 0)
{
bStart = 1;
setTimeout('fnToggle()', 3500); return;
}
else
{
oTransContainer.filters[0].Apply(); document.images['oDIV'+next].style.display = "";
document.images['oDIV'+NowFrame].style.display = "none"; oTransContainer.filters[0].Play(duration=2); if(NowFrame == MaxFrame)
NowFrame = 1;
else
NowFrame++;
} setTimeout('fnToggle()', 3500);
}fnToggle();
</SCRIPT>
<div align="center">
<DIV id=oTransContainer style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=0, motion='forward'); WIDTH: 600px; HEIGHT: 330px">
<A href="_test_/1.jpg" target=_blank><a href="_test_/1.jpg" target=_blank><img src="_test_/1.jpg" name="oDIV1" width=600 height=330 border=0 id=oDIV1 style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" /></A>
<A href="_test_/2.jpg" target=_blank><IMG id=oDIV2 style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; DISPLAY: none; BORDER-BOTTOM: black 1px solid" src="_test_/2.jpg" width=600 height=330 border=0></A>
<A href="_test_/3.jpg" target=_blank><IMG id=oDIV3 style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; DISPLAY: none; BORDER-BOTTOM: black 1px solid" src="_test_/3.jpg" width=600 height=330 border=0 ></A>
<A href="_test_/4.jpg" target=_blank><IMG id=oDIV4 style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; DISPLAY: none; BORDER-BOTTOM: black 1px solid" src="_test_/4.jpg" width=600 height=330 border=0></A>
</div>
</td>
</tr>
</table>
</body>
</html>
左边列放置图片 右边列放置JS 图片轮播 4张图片
基本弄好了 就是不知道 为什么左列的图片和右列的就是不同高
左列的是背景图片 设置的高度是330 他总是变成336高度
全部代码如下 高手帮忙指点下
HTML code<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head><body>
<table width="960" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="360" height="330" background="_test_/xjy.jpg"> </td>
<td width="600" height="330">
<SCRIPT>
var NowFrame = 1;
var MaxFrame = 4;
var bStart = 0;
function fnToggle() {
var next = NowFrame + 1; if(next == MaxFrame+1)
{
NowFrame = MaxFrame;
next = 1;
} if(bStart == 0)
{
bStart = 1;
setTimeout('fnToggle()', 3500); return;
}
else
{
oTransContainer.filters[0].Apply(); document.images['oDIV'+next].style.display = "";
document.images['oDIV'+NowFrame].style.display = "none"; oTransContainer.filters[0].Play(duration=2); if(NowFrame == MaxFrame)
NowFrame = 1;
else
NowFrame++;
} setTimeout('fnToggle()', 3500);
}fnToggle();
</SCRIPT>
<div align="center">
<DIV id=oTransContainer style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=0, motion='forward'); WIDTH: 600px; HEIGHT: 330px">
<A href="_test_/1.jpg" target=_blank><a href="_test_/1.jpg" target=_blank><img src="_test_/1.jpg" name="oDIV1" width=600 height=330 border=0 id=oDIV1 style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid" /></A>
<A href="_test_/2.jpg" target=_blank><IMG id=oDIV2 style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; DISPLAY: none; BORDER-BOTTOM: black 1px solid" src="_test_/2.jpg" width=600 height=330 border=0></A>
<A href="_test_/3.jpg" target=_blank><IMG id=oDIV3 style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; DISPLAY: none; BORDER-BOTTOM: black 1px solid" src="_test_/3.jpg" width=600 height=330 border=0 ></A>
<A href="_test_/4.jpg" target=_blank><IMG id=oDIV4 style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; DISPLAY: none; BORDER-BOTTOM: black 1px solid" src="_test_/4.jpg" width=600 height=330 border=0></A>
</div>
</td>
</tr>
</table>
</body>
</html>
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货