怎样能使 两个按钮 和中间的切换图片 都在803的 格子里呢~ 现在 右边的按钮 顶到屏幕最右边了!
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<LINK href="css/163css.css" type=text/css rel=stylesheet>
<style type="text/css">
<!--
body {
background-color: #000000;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url();
}
body,td,th {
color: #FFFFFF;
}
a:link {
color: #6B5742;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #6B5742;
}
a:hover {
text-decoration: underline;
color: #FFFFFF;
}
a:active {
text-decoration: none;
color: #6B5742;
}
.STYLE2 { font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
-->
</style></head><body>
<table width="1003" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="600" valign="top" background="images/beijing_1.jpg"><table width="1003" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="100" colspan="2"> </td>
</tr>
<tr>
<td width="200" height="450" align="right"><table width="160" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="80" height="80" align="left" valign="top"><img src="images/1-1.jpg" width="79" height="79" /></td>
<td width="80" height="80" align="left" valign="top"><img src="images/6-1.jpg" width="79" height="79" /></td>
</tr>
<tr>
<td height="80" align="left" valign="top"><img src="images/2-1.jpg" width="79" height="79" /></td>
<td height="80" align="left" valign="top"><img src="images/7-1.jpg" width="79" height="79" /></td>
</tr>
<tr>
<td height="80" align="left" valign="top"><img src="images/3-1.jpg" width="79" height="79" /></td>
<td height="80" align="left" valign="top"><img src="images/8-1.jpg" width="79" height="79" /></td>
</tr>
<tr>
<td height="80" align="left" valign="top"><img src="images/4-1.jpg" width="79" height="79" /></td>
<td height="80" align="left" valign="top"><img src="images/9-1.jpg" width="79" height="79" /></td>
</tr>
<tr>
<td height="80" align="left" valign="top"><img src="images/5-1.jpg" width="79" height="79" /></td>
<td height="80" align="left" valign="top"><img src="images/10-1.jpg" width="79" height="79" /></td>
</tr>
</table></td>
<td width="803" align="center">
<SCRIPT language=javascript type=text/javascript>
<!--
var xsTextBar = 0; //是否显示文字链接,1为显示,0为不显示
var xsPlayBtn = 0; //是否显示播放按钮,1显示,0为不显示
var xsImgSize = new Array(600,400); //幻灯图片的尺寸,格式为“宽度,高度”var xsImgs = new Array();
var xsImgLinks = new Array();
var xsImgTexts = new Array();
xsImgs[0] = "1-1.jpg";
xsImgLinks[0] = "#";
xsImgTexts[0] = "";
xsImgs[1] = "2-1.jpg";
xsImgLinks[1] = "#";
xsImgTexts[1] = "";
xsImgs[2] = "3-1.jpg";
xsImgLinks[2] = "#";
xsImgs[3] = "2-1.jpg";
xsImgLinks[3] = "#";
xsImgs[4] = "1-1.jpg";
xsImgLinks[4] = "#";
xsImgs[5] = "2-1.jpg";
xsImgLinks[5] = "#";//-->
</SCRIPT><SCRIPT language=javascript type="text/javascript">document.write("<style type=\"text/css\">#slidearea { width:" + xsImgSize[0] + "px; height:" + xsImgSize[1] + "px; overflow: hidden; margin: 0 auto; text-align: center; } #slidearea img { width: " + xsImgSize[0] + "px; height: " + xsImgSize[1] + "px; } #slidefooter {width:" + xsImgSize[0] + "px; } </style>")
document.write('<table width="803" border="1" cellspacing="0" cellpadding="0"> <tr> <td width="102" height="400" align="center">');
document.write("<a id=\"slideprev\" title=\"上一幅\" href=\"#\" onclick=\"rewind();return false\"> <img border=0 src=\"images/jt-1.jpg \" /><\/a></td>");
document.write("<td width='600'><div id=\"slidearea\">")
if (xsImgs.length != 0) {
document.write("<a href=\"" + xsImgLinks[0] + "\" target=\"_blank\"><img src=\"" + xsImgs[0] + "\" onload=\"imgLoadNotify();\" \/><\/a>")
}
document.write("<\/div>")
if (xsTextBar != 0) {
document.write("<div id=\"slidefooter\">")
if (xsPlayBtn != 0) {
document.write("<a id=\"slideplay\" title=\"播放\" href=\"" + xsImgLinks[0] + "\">播放<\/a>")
}
if (xsImgTexts.length != 0) {
document.write("<p id=\"slidetext\"><a href=\"" + xsImgLinks[0] + "\" target=\"_blank\">" + xsImgTexts[0] + "<\/a><\/p>")
}
document.write("<\/div>")
}
document.write("</td><td align='center'><a id=\"slidenext\" title=\"下一幅\" href=\"#\" onclick=\"forward();return false\" style=\"text-align: center; text-decoration: none;\"><img border=0 src=\"images/jt-2.jpg \" /><\/a></td></tale>")var arrPreload = new Array();
var begImg = 0;
var arrPreload = new Array();
var spd = 2;function init() {
preloadRange(0, _PRELOADRANGE - 1); curImg = begImg;
if (curImg < 0 || curImg > xsImgs.length - 1) curImg = xsImgs.length - 1;
changeSlide();
setTimeout("play()", 3000)
}var curImg = 0;
var timerId = -1;
var interval = 3500;
var imgIsLoaded = false;var current_transition = 15;
var flag = true;
var bFirst = false;var transitions = new Array;
transitions[0] = "progid:DXImageTransform.Microsoft.Fade(duration=1)";
transitions[1] = "progid:DXImageTransform.Microsoft.Blinds(Duration=1,bands=20)";
transitions[2] = "progid:DXImageTransform.Microsoft.Checkerboard(Duration=1,squaresX=20,squaresY=20)";
transitions[3] = "progid:DXImageTransform.Microsoft.Strips(Duration=1,motion=rightdown)";
transitions[4] = "progid:DXImageTransform.Microsoft.Barn(Duration=1,orientation=vertical)";
transitions[5] = "progid:DXImageTransform.Microsoft.GradientWipe(duration=1)";
transitions[6] = "progid:DXImageTransform.Microsoft.Iris(Duration=1,motion=out)";
transitions[7] = "progid:DXImageTransform.Microsoft.Wheel(Duration=1,spokes=12)";
transitions[8] = "progid:DXImageTransform.Microsoft.Pixelate(maxSquare=10,duration=1)";
transitions[9] = "progid:DXImageTransform.Microsoft.RadialWipe(Duration=1,wipeStyle=clock)";
transitions[10] = "progid:DXImageTransform.Microsoft.RandomBars(Duration=1,orientation=vertical)";
transitions[11] = "progid:DXImageTransform.Microsoft.Slide(Duration=1,slideStyle=push)";
transitions[12] = "progid:DXImageTransform.Microsoft.RandomDissolve(Duration=1,orientation=vertical)";
transitions[13] = "progid:DXImageTransform.Microsoft.Spiral(Duration=1,gridSizeX=40,gridSizeY=40)";
transitions[14] = "progid:DXImageTransform.Microsoft.Stretch(Duration=1,stretchStyle=push)";
transitions[15] = "special case";
var transition_count = 15;
var _PRELOADRANGE = 5;function preloadRange(intPic, intRange) {
var divStr = "";
for (var i = intPic; i < (intPic + intRange); i++) {
arrPreload[i] = new Image();
arrPreload[i].src = xsImgs[i];
}
return false;
}function imgLoadNotify() {
imgIsLoaded = true;
}function changeSlide(n) {
if (document.all) {
var do_transition;
if (current_transition == (transition_count)) {
do_transition = Math.floor(Math.random() * transition_count);
}
else {
do_transition = current_transition;
}
document.all.slidearea.style.filter = transitions[do_transition];
document.all.slidearea.filters[0].Apply();
} imgIsLoaded = false; if (xsImgs.length != 0) {
var slideImage = "<a href=\"" + xsImgLinks[curImg] + "\" target=\"_blank\"><img border=0 src=\"" + xsImgs[curImg] + "\" onload=\"imgLoadNotify();\" /><\/a>";
document.getElementById("slidearea").innerHTML = slideImage; if (xsTextBar != 0) {
var slideText = "<a href=\"" + xsImgLinks[curImg] + "\" target=\"_blank\">" + xsImgTexts[curImg] + "<\/a>";
document.getElementById("slidetext").innerHTML = slideText;
if (xsPlayBtn != 0) {
document.getElementById("slideplay").href = xsImgLinks[curImg];
}
} if (document.all) {
document.all.slidearea.filters[0].Play();
}
}
}function forward() {
imgIsLoaded = false;
if (!arrPreload[curImg + 1]) {
curImg++;
if (curImg >= xsImgs.length) {
curImg = 0;
}
}
else {
curImg++;
if (curImg >= xsImgs.length) {
curImg = 0;
}
}
changeSlide();
}function rewind() {
curImg--;
if (curImg < 0) {
curImg = xsImgs.length - 1;
}
changeSlide();
}function stop() {
window.clearInterval(timerId);
timerId = -1;
imgIsLoaded = true;
}function play() {
if (timerId == -1) timerId = window.setInterval('forward();', interval);
}init();
</script>
</td>
</tr>
<tr>
<td height="60" colspan="2" align="left" valign="middle"><table width="1003" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> <a href="#">PRODUCT</a> <a href="#">RETURN</a> <a href="#">HOMEPAGE</a></td>
<td width="40" valign="bottom"><span class="STYLE2">music</span></td>
<td width="100" valign="bottom"><img src="images/temp.gif" width="26" height="22" /></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<LINK href="css/163css.css" type=text/css rel=stylesheet>
<style type="text/css">
<!--
body {
background-color: #000000;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url();
}
body,td,th {
color: #FFFFFF;
}
a:link {
color: #6B5742;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #6B5742;
}
a:hover {
text-decoration: underline;
color: #FFFFFF;
}
a:active {
text-decoration: none;
color: #6B5742;
}
.STYLE2 { font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
-->
</style></head><body>
<table width="1003" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="600" valign="top" background="images/beijing_1.jpg"><table width="1003" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="100" colspan="2"> </td>
</tr>
<tr>
<td width="200" height="450" align="right"><table width="160" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="80" height="80" align="left" valign="top"><img src="images/1-1.jpg" width="79" height="79" /></td>
<td width="80" height="80" align="left" valign="top"><img src="images/6-1.jpg" width="79" height="79" /></td>
</tr>
<tr>
<td height="80" align="left" valign="top"><img src="images/2-1.jpg" width="79" height="79" /></td>
<td height="80" align="left" valign="top"><img src="images/7-1.jpg" width="79" height="79" /></td>
</tr>
<tr>
<td height="80" align="left" valign="top"><img src="images/3-1.jpg" width="79" height="79" /></td>
<td height="80" align="left" valign="top"><img src="images/8-1.jpg" width="79" height="79" /></td>
</tr>
<tr>
<td height="80" align="left" valign="top"><img src="images/4-1.jpg" width="79" height="79" /></td>
<td height="80" align="left" valign="top"><img src="images/9-1.jpg" width="79" height="79" /></td>
</tr>
<tr>
<td height="80" align="left" valign="top"><img src="images/5-1.jpg" width="79" height="79" /></td>
<td height="80" align="left" valign="top"><img src="images/10-1.jpg" width="79" height="79" /></td>
</tr>
</table></td>
<td width="803" align="center">
<SCRIPT language=javascript type=text/javascript>
<!--
var xsTextBar = 0; //是否显示文字链接,1为显示,0为不显示
var xsPlayBtn = 0; //是否显示播放按钮,1显示,0为不显示
var xsImgSize = new Array(600,400); //幻灯图片的尺寸,格式为“宽度,高度”var xsImgs = new Array();
var xsImgLinks = new Array();
var xsImgTexts = new Array();
xsImgs[0] = "1-1.jpg";
xsImgLinks[0] = "#";
xsImgTexts[0] = "";
xsImgs[1] = "2-1.jpg";
xsImgLinks[1] = "#";
xsImgTexts[1] = "";
xsImgs[2] = "3-1.jpg";
xsImgLinks[2] = "#";
xsImgs[3] = "2-1.jpg";
xsImgLinks[3] = "#";
xsImgs[4] = "1-1.jpg";
xsImgLinks[4] = "#";
xsImgs[5] = "2-1.jpg";
xsImgLinks[5] = "#";//-->
</SCRIPT><SCRIPT language=javascript type="text/javascript">document.write("<style type=\"text/css\">#slidearea { width:" + xsImgSize[0] + "px; height:" + xsImgSize[1] + "px; overflow: hidden; margin: 0 auto; text-align: center; } #slidearea img { width: " + xsImgSize[0] + "px; height: " + xsImgSize[1] + "px; } #slidefooter {width:" + xsImgSize[0] + "px; } </style>")
document.write('<table width="803" border="1" cellspacing="0" cellpadding="0"> <tr> <td width="102" height="400" align="center">');
document.write("<a id=\"slideprev\" title=\"上一幅\" href=\"#\" onclick=\"rewind();return false\"> <img border=0 src=\"images/jt-1.jpg \" /><\/a></td>");
document.write("<td width='600'><div id=\"slidearea\">")
if (xsImgs.length != 0) {
document.write("<a href=\"" + xsImgLinks[0] + "\" target=\"_blank\"><img src=\"" + xsImgs[0] + "\" onload=\"imgLoadNotify();\" \/><\/a>")
}
document.write("<\/div>")
if (xsTextBar != 0) {
document.write("<div id=\"slidefooter\">")
if (xsPlayBtn != 0) {
document.write("<a id=\"slideplay\" title=\"播放\" href=\"" + xsImgLinks[0] + "\">播放<\/a>")
}
if (xsImgTexts.length != 0) {
document.write("<p id=\"slidetext\"><a href=\"" + xsImgLinks[0] + "\" target=\"_blank\">" + xsImgTexts[0] + "<\/a><\/p>")
}
document.write("<\/div>")
}
document.write("</td><td align='center'><a id=\"slidenext\" title=\"下一幅\" href=\"#\" onclick=\"forward();return false\" style=\"text-align: center; text-decoration: none;\"><img border=0 src=\"images/jt-2.jpg \" /><\/a></td></tale>")var arrPreload = new Array();
var begImg = 0;
var arrPreload = new Array();
var spd = 2;function init() {
preloadRange(0, _PRELOADRANGE - 1); curImg = begImg;
if (curImg < 0 || curImg > xsImgs.length - 1) curImg = xsImgs.length - 1;
changeSlide();
setTimeout("play()", 3000)
}var curImg = 0;
var timerId = -1;
var interval = 3500;
var imgIsLoaded = false;var current_transition = 15;
var flag = true;
var bFirst = false;var transitions = new Array;
transitions[0] = "progid:DXImageTransform.Microsoft.Fade(duration=1)";
transitions[1] = "progid:DXImageTransform.Microsoft.Blinds(Duration=1,bands=20)";
transitions[2] = "progid:DXImageTransform.Microsoft.Checkerboard(Duration=1,squaresX=20,squaresY=20)";
transitions[3] = "progid:DXImageTransform.Microsoft.Strips(Duration=1,motion=rightdown)";
transitions[4] = "progid:DXImageTransform.Microsoft.Barn(Duration=1,orientation=vertical)";
transitions[5] = "progid:DXImageTransform.Microsoft.GradientWipe(duration=1)";
transitions[6] = "progid:DXImageTransform.Microsoft.Iris(Duration=1,motion=out)";
transitions[7] = "progid:DXImageTransform.Microsoft.Wheel(Duration=1,spokes=12)";
transitions[8] = "progid:DXImageTransform.Microsoft.Pixelate(maxSquare=10,duration=1)";
transitions[9] = "progid:DXImageTransform.Microsoft.RadialWipe(Duration=1,wipeStyle=clock)";
transitions[10] = "progid:DXImageTransform.Microsoft.RandomBars(Duration=1,orientation=vertical)";
transitions[11] = "progid:DXImageTransform.Microsoft.Slide(Duration=1,slideStyle=push)";
transitions[12] = "progid:DXImageTransform.Microsoft.RandomDissolve(Duration=1,orientation=vertical)";
transitions[13] = "progid:DXImageTransform.Microsoft.Spiral(Duration=1,gridSizeX=40,gridSizeY=40)";
transitions[14] = "progid:DXImageTransform.Microsoft.Stretch(Duration=1,stretchStyle=push)";
transitions[15] = "special case";
var transition_count = 15;
var _PRELOADRANGE = 5;function preloadRange(intPic, intRange) {
var divStr = "";
for (var i = intPic; i < (intPic + intRange); i++) {
arrPreload[i] = new Image();
arrPreload[i].src = xsImgs[i];
}
return false;
}function imgLoadNotify() {
imgIsLoaded = true;
}function changeSlide(n) {
if (document.all) {
var do_transition;
if (current_transition == (transition_count)) {
do_transition = Math.floor(Math.random() * transition_count);
}
else {
do_transition = current_transition;
}
document.all.slidearea.style.filter = transitions[do_transition];
document.all.slidearea.filters[0].Apply();
} imgIsLoaded = false; if (xsImgs.length != 0) {
var slideImage = "<a href=\"" + xsImgLinks[curImg] + "\" target=\"_blank\"><img border=0 src=\"" + xsImgs[curImg] + "\" onload=\"imgLoadNotify();\" /><\/a>";
document.getElementById("slidearea").innerHTML = slideImage; if (xsTextBar != 0) {
var slideText = "<a href=\"" + xsImgLinks[curImg] + "\" target=\"_blank\">" + xsImgTexts[curImg] + "<\/a>";
document.getElementById("slidetext").innerHTML = slideText;
if (xsPlayBtn != 0) {
document.getElementById("slideplay").href = xsImgLinks[curImg];
}
} if (document.all) {
document.all.slidearea.filters[0].Play();
}
}
}function forward() {
imgIsLoaded = false;
if (!arrPreload[curImg + 1]) {
curImg++;
if (curImg >= xsImgs.length) {
curImg = 0;
}
}
else {
curImg++;
if (curImg >= xsImgs.length) {
curImg = 0;
}
}
changeSlide();
}function rewind() {
curImg--;
if (curImg < 0) {
curImg = xsImgs.length - 1;
}
changeSlide();
}function stop() {
window.clearInterval(timerId);
timerId = -1;
imgIsLoaded = true;
}function play() {
if (timerId == -1) timerId = window.setInterval('forward();', interval);
}init();
</script>
</td>
</tr>
<tr>
<td height="60" colspan="2" align="left" valign="middle"><table width="1003" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> <a href="#">PRODUCT</a> <a href="#">RETURN</a> <a href="#">HOMEPAGE</a></td>
<td width="40" valign="bottom"><span class="STYLE2">music</span></td>
<td width="100" valign="bottom"><img src="images/temp.gif" width="26" height="22" /></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></body>
</html>
解决方案 »
- 求助——当html语言放在javascript语句中如何改写,单引号和双引号所引起的问题
- 请问:jquery选择器如何选择相同类名但是不包括特定id的元素
- 大大们过来帮忙看看 js 读excel 不能实现
- 救急!!请问转义过后的html编码有什么办法可以再让浏览器执行?
- 浮动广告为何放到div+css的网页里就不起作用了,如何解决?
- JS控制表格的问题,请高手帮忙!
- 怎么吧c#的 DataTable 转化为可供jqGrid绑定的数据格式
- JavaScript通用表单验证函数?要求给出一个例子即可!
- 怎样能把JAVASCRIPT中的变量与ASP通讯
- 怎么样在文字连接上显示图片,在线等待!!!100分求解
- 跪求复制文本方法——高手请进~!
- 急!求JS图片替换不能显示的问题
</tr>
<tr>
<td height="60" colspan="2" align="left" valign="middle"><table width="1003" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> <a href="#">PRODUCT</a> <a href="#">RETURN</a> <a href="#">HOMEPAGE</a></td>
<td width="40" valign="bottom"><span class="STYLE2">music</span></td>
<td width="100" valign="bottom"><img src="images/temp.gif" width="26" height="22" /></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
将下面的table设置成功width="100%"即可,是下面的table把td称大了,导致上面一行的最好一列就那么小
是不是该+“”<SCRIPT language=“javascript” type=“text/javascript”>
是不是该+""<SCRIPT language="javascript" type="text/javascript">