我把代码给大家,把
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" href="cn/css/layout.css" type="text/css" media="all"/>
<link rel="stylesheet" href="cn/css/tstyle.css" type="text/css" media="all"/>
<title>2007 CIDEXPO 室内设计 </title>
</head>
<body>
<div id="flash">
<img src="cn/images/index_01.gif" width="1000" height="130" alt="index_01"/>
</div>
<div id="container">
<div id="left">
<div class="left">
<img src="cn/images/index_03.gif">
</div>
</div>
<div id="rightlay">
<img src="cn/images/gu.gif">
<div class="tright">
<strong>主办单位:</strong><br/>
<a href="http://www.cida.gov.cn" target="_blank">中国室内装饰协会</a><br/>
<strong>支持单位:</strong><br/>
国际室内建筑师设计师团体联盟IFI<br/>
<a href="http://www.chinahardware.org/index.htm" target="_blank">中国五金制品协会</a><br/>
<a href="http://www.cnfa.com.cn" target="_blank">中国家具协会</a><br/>
<a href="]http://www.cncrea.com" target="_blank">中国房地产业协会</a><br/>
<a href="http://www.ctha.com.cn" target="_blank">中国旅游饭店业协会</a><br/>
<a href="http://www.ctei.gov.cn/h-textile/default.asp" target="_blank">中国家用纺织品行业协会</a><br/>
<strong>承办单位:</strong><br/>
<a href="http://www.triuni.com" target="_blank">北京时瑞展览有限公司</a><br/>
<strong>联合承办</strong><br/>
<a href="http://www.cida.gov.cn" target="_blank">中饰协室内环境监测工作委员会</a><br/>
<a href="http://www.cida.gov.cn" target="_blank">中国室内装饰协会智能化委员会</a><br/>
<a href="http://www.cnwood.org" target="_blank">中国木材流通协会地板委员会</a><br/>
<a href="http://www.bcdep.org">北京市室内装饰协会</a><br/>
<a href="http://a963.net/com/designer" target="_blank">天地空间建筑与室内设计师俱乐部</a><br/>
<a href="http://www.china-designer.com/news/item01/acivity/20051130/123521937.asp" target="_blank">中国建筑与室内设计师网</a><br/>
</div>
<img src="cn/images/zz.gif">
<div id="linklogo">
<img src="cn/limage/ba.gif"> <img src="cn/limage/index_01.jpg">
</div>
</div>
<div id="newsimages">
<a href="#" target="_blank">
<script language="JavaScript">
var imgUrl=new Array();
var imgLink=new Array();
var imgWord=new Array();
adNum=3;
imgUrl[1]='cn/images/dd.jpg';
imgLink[1]='#';
imgUrl[2]='cn/images/a.jpg';
imgLink[2]='#';
imgUrl[3]='cn/images/b.jpg';
imgLink[3]='#';
imgUrl[4]='cn/images/c.jpg';
imgLink[4]='#';
var count=imgUrl.length;
var imgPre=new Array();
var j=0;
for (i=1;i<count;i++) {
if( (imgUrl[i]!='') && (imgLink[i]!='') ) {
j++; } else { break; } }
function playTran(){
if (document.all)
document.imgInit.filters.revealTrans.play(); }
var key=0;
function nextAd(){
if(adNum<j)adNum++;
else adNum=1;
if( key==0 ){
key=1;
} else if (document.all){
document.imgInit.filters.revealTrans.Transition=10;
document.imgInit.filters.revealTrans.apply();
playTran();}
document.imgInit.src=imgUrl[adNum];
theTimer=setTimeout("nextAd()", 5000);}
function goUrl(){
jumpUrl=imgLink[adNum];
jumpTarget='_blank';
if (jumpUrl != ''){
if (jumpTarget != '')
window.open(jumpUrl,jumpTarget);
else location.href=jumpUrl; } }
function preloadPic()
{ document.imgInit.src=imgUrl[0];
if (document.all)
{ var imgPreload = new Image();
for (i=0; i<imgUrl.length; i++)
{ imgPreload.src = imgUrl[i] }
nextAd(); }
else {
theTimer = setTimeout("preloadPic()",50); } }
</script>
<A href="javascript:goUrl()"><IMG style="BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #000000 0px solid; Z-INDEX: 103; LEFT: 304px; BORDER-LEFT: #000000 0px solid; BORDER-BOTTOM: #000000 0px solid;FILTER: revealTrans(duration=1,transition=5); "src='javascript:preloadPic()' border="0" name="imgInit" id="imgInit"></a>
</div>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" href="cn/css/layout.css" type="text/css" media="all"/>
<link rel="stylesheet" href="cn/css/tstyle.css" type="text/css" media="all"/>
<title>2007 CIDEXPO 室内设计 </title>
</head>
<body>
<div id="flash">
<img src="cn/images/index_01.gif" width="1000" height="130" alt="index_01"/>
</div>
<div id="container">
<div id="left">
<div class="left">
<img src="cn/images/index_03.gif">
</div>
</div>
<div id="rightlay">
<img src="cn/images/gu.gif">
<div class="tright">
<strong>主办单位:</strong><br/>
<a href="http://www.cida.gov.cn" target="_blank">中国室内装饰协会</a><br/>
<strong>支持单位:</strong><br/>
国际室内建筑师设计师团体联盟IFI<br/>
<a href="http://www.chinahardware.org/index.htm" target="_blank">中国五金制品协会</a><br/>
<a href="http://www.cnfa.com.cn" target="_blank">中国家具协会</a><br/>
<a href="]http://www.cncrea.com" target="_blank">中国房地产业协会</a><br/>
<a href="http://www.ctha.com.cn" target="_blank">中国旅游饭店业协会</a><br/>
<a href="http://www.ctei.gov.cn/h-textile/default.asp" target="_blank">中国家用纺织品行业协会</a><br/>
<strong>承办单位:</strong><br/>
<a href="http://www.triuni.com" target="_blank">北京时瑞展览有限公司</a><br/>
<strong>联合承办</strong><br/>
<a href="http://www.cida.gov.cn" target="_blank">中饰协室内环境监测工作委员会</a><br/>
<a href="http://www.cida.gov.cn" target="_blank">中国室内装饰协会智能化委员会</a><br/>
<a href="http://www.cnwood.org" target="_blank">中国木材流通协会地板委员会</a><br/>
<a href="http://www.bcdep.org">北京市室内装饰协会</a><br/>
<a href="http://a963.net/com/designer" target="_blank">天地空间建筑与室内设计师俱乐部</a><br/>
<a href="http://www.china-designer.com/news/item01/acivity/20051130/123521937.asp" target="_blank">中国建筑与室内设计师网</a><br/>
</div>
<img src="cn/images/zz.gif">
<div id="linklogo">
<img src="cn/limage/ba.gif"> <img src="cn/limage/index_01.jpg">
</div>
</div>
<div id="newsimages">
<a href="#" target="_blank">
<script language="JavaScript">
var imgUrl=new Array();
var imgLink=new Array();
var imgWord=new Array();
adNum=3;
imgUrl[1]='cn/images/dd.jpg';
imgLink[1]='#';
imgUrl[2]='cn/images/a.jpg';
imgLink[2]='#';
imgUrl[3]='cn/images/b.jpg';
imgLink[3]='#';
imgUrl[4]='cn/images/c.jpg';
imgLink[4]='#';
var count=imgUrl.length;
var imgPre=new Array();
var j=0;
for (i=1;i<count;i++) {
if( (imgUrl[i]!='') && (imgLink[i]!='') ) {
j++; } else { break; } }
function playTran(){
if (document.all)
document.imgInit.filters.revealTrans.play(); }
var key=0;
function nextAd(){
if(adNum<j)adNum++;
else adNum=1;
if( key==0 ){
key=1;
} else if (document.all){
document.imgInit.filters.revealTrans.Transition=10;
document.imgInit.filters.revealTrans.apply();
playTran();}
document.imgInit.src=imgUrl[adNum];
theTimer=setTimeout("nextAd()", 5000);}
function goUrl(){
jumpUrl=imgLink[adNum];
jumpTarget='_blank';
if (jumpUrl != ''){
if (jumpTarget != '')
window.open(jumpUrl,jumpTarget);
else location.href=jumpUrl; } }
function preloadPic()
{ document.imgInit.src=imgUrl[0];
if (document.all)
{ var imgPreload = new Image();
for (i=0; i<imgUrl.length; i++)
{ imgPreload.src = imgUrl[i] }
nextAd(); }
else {
theTimer = setTimeout("preloadPic()",50); } }
</script>
<A href="javascript:goUrl()"><IMG style="BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #000000 0px solid; Z-INDEX: 103; LEFT: 304px; BORDER-LEFT: #000000 0px solid; BORDER-BOTTOM: #000000 0px solid;FILTER: revealTrans(duration=1,transition=5); "src='javascript:preloadPic()' border="0" name="imgInit" id="imgInit"></a>
</div>
<img src="cn/images/news.gif">
</div>
<div id="box">
<div class="imgloop"><img src="cn/images/jia.gif"></div>
<div class="box1">
<table align="center" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="110" height="68" align="center" valign="middle" ><a href="cn/news/images/bigimages/DSC02322.JPG" target="_blank"><img src="cn/images/DSC02322.jpg" width="110" height="110"></a></td>
<td width="110" align="center" valign="middle" ><a href="cn/news/images/bigimages/DSC02323.JPG" target="_blank"><img src="cn/images/DSC02323.jpg" width="110" height="110"></a></td>
<td width="110" align="center" valign="middle" ><a href="cn/news/images/bigimages/DSC02397.JPG" target="_blank"><img src="cn/images/DSC02397.jpg" width="110" height="110"></a></td>
<td width="110" align="center" valign="middle" ><a href="cn/news/images/bigimages/DSC02355.JPG" target="_blank"><img src="cn/images/DSC02355.jpg" width="110" height="110"></a></td>
<td width="110" align="center" valign="middle" ><a href="cn/news/images/bigimages/DSC02426.JPG" target="_blank"><img src="cn/images/DSC02426.jpg" width="110" height="110"></a></td>
<td width="110" align="center" valign="middle" ><a href="cn/news/images/bigimages/DSC02466.JPG" target="_blank"><img src="cn/images/DSC02466.jpg" width="110" height="110"></a></td>
</tr>
</table>
</div>
</div>
<div id="box1">
<img src="cn/images/box1.gif" width="765" height="75">
</div>
<!--imgaes loop-->
<div id="box2">
<div class="imgloop"><img src="cn/images/imglloop.jpg"></div>
<div class="box2">
<div align='center' id='demo' style='overflow:hidden;height:70px;width:720px;' >
<table width="487" border='0' align='center' cellpadding='0' cellspacing="0" cellspace='0'>
<tr>
<td width="481" valign='top' id='demo1'><table width="150" border="0" cellspacing="0" cellpadding="0">
<tr>
<!--pkvs: 图片数据循环调用开始--->
<td valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="90" height="68" align="center" valign="middle" ><a href="cn/news/images/bigimages/DSC02322.JPG" target="_blank"><img src="cn/images/DSC02322.jpg" width="70" height="68"></a></td>
<td width="90" align="center" valign="middle" ><a href="cn/news/images/bigimages/DSC02323.JPG" target="_blank"><img src="cn/images/DSC02323.jpg" width="70" height="68"></a></td>
<td width="90" align="center" valign="middle" ><a href="cn/news/images/bigimages/DSC02397.JPG" target="_blank"><img src="cn/images/DSC02397.jpg" width="70" height="68"></a></td>
<td width="90" align="center" valign="middle" ><a href="cn/news/images/bigimages/DSC02355.JPG" target="_blank"><img src="cn/images/DSC02355.jpg" width="70" height="68"></a></td>
<td width="90" align="center" valign="middle" ><a href="cn/news/images/bigimages/DSC02426.JPG" target="_blank"><img src="cn/images/DSC02426.jpg" width="70" height="68"></a></td>
<td width="90" align="center" valign="middle" ><a href="cn/news/images/bigimages/DSC02466.JPG" target="_blank"><img src="cn/images/DSC02466.jpg" width="70" height="68"></a></td>
<td width="90" align="center" valign="middle" ><a href="cn/news/images/bigimages/DSC02491.JPG" target="_blank"><img src="cn/images/DSC02491.jpg" width="70" height="68"></a></td>
<td width="90" align="center" valign="middle" ><a href="cn/news/images/bigimages/DSC02534.JPG" target="_blank"><img src="cn/images/DSC02534.jpg" width="70" height="68"></a></td>
<td width="90" align="center" valign="middle" ><a href="cn/news/images/bigimages/DSC02542.JPG" target="_blank"><img src="cn/images/DSC02542.jpg" width="70" height="68"></a></td>
<td width="90" align="center" valign="middle" ><a href="cn/news/images/bigimages/DSC02547.JPG" target="_blank"><img src="cn/images/DSC02547.jpg" width="70" height="68"></a></td>
</tr>
</table>
</td>
<!--pkvs: 图片数据循环调用结束--->
</tr>
</table></td>
<td width="0" valign=top bgcolor="#FFFFFF" id=demo2><p> </p>
</td>
</tr>
</table>
</div>
<script>
var speed=50
demo2.innerHTML=demo1.innerHTML
function Marquee1(){
if(demo2.offsetWidth-demo.scrollLeft<=1)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar1=setInterval(Marquee1,speed)
demo.onmouseover=function() {clearInterval(MyMar1)}
demo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)}
</script>
</div>
</div>
<!--页面底部-->
<div id="box3"></div>
<div id="bottom">
<div class="bottom">
Copyright © 中国国际室内装饰博览会2006-2007 Cidexpo.com.com 联系我们 | 法律声明
</div>
</div>
</body>
</html>
帖完了,上面的代码在 dream里运行正常,拷贝到 jsp里布局就全乱了,望高人指点
Document : layout
Created on : 2007年1月29日, 下午4:45
Author : dongyue
Description:
Purpose of the stylesheet follows.
*//*
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*//*cidexpo 主样式表*/
img { border: 0px;}
html {min-width: 1000px;}
body {
padding: 0px;
margin: 0px;
color: #000000;
font-size: 12px;
line-height: 150%;
text-align: center;
FONT-FAMILY:' Lucida Grande','Lucida Sans Unicode','宋体','新宋体',arial,verdana,sans-serif;
}
a { color:#000000;MARGIN:0px;PADDING:0px;border:0px; TEXT-DECORATION:none;}
a:link {COLOR:#000;TEXT-DECORATION:none;}
a:visted {color:#000;TEXT-DECORATION:overline;}
a:hover{COLOR:#0000FF;TEXT-DECORATION: none;}
.clearall{
CLEAR:both;
display:none;}
/*定义页面顶部的flash*/
#flash {
width: 1000px;
margin: 0px;
padding: 0px;
height: auto;
border-bottom: #000 1px solid;
text-align: center;
}
/*页面中间部分 包括左面的栏目和图片报道,及新闻报道*/
#container {
background-color:#FF0000;
width: 1000px;
margin: 0px;
padding: 0px;
height: 60px;
background: #FFF;
text-align: center;
}
#left {
float:left;
background:#FFF;
width: 334px;
padding: 0px;
height: 424px;
margin: 0px;
padding: 0px;
margin-top: 5px;
border-right: #000 1px solid;
margin-top: 0px;
margin-left: 0px;
}
#newsimages {
float: left;
width: 432px;
height: 231px;
margin: 0px;
padding: 0px;
margin-top: 3px;
}
#newstext {
float: left;
width: 432px;
height: 193px;
margin: 0px;
padding: 0px;
border-top: #000 1px solid;
text-align: left;
}
/*邀请嘉宾*/
#box {
float: left;
width: 766px;
height: 156px;
margin: 0px;
padding: 0px;
border-top: #000 1px solid;
border-bottom: #000 1px solid;
text-align: center;
}
#box1 {
float: left;
width: 766px;
height: auto;
margin: 0px;
padding: 0px;
text-align: center;
}
/*精彩回顾*/
#box2 {
float: left;
width: 766px;
height: 10px;
margin: 0px;
padding: 0px;
/*border-top: #000 2px solid;*/
text-align: center;
}
/*页面右面*/
#rightlay {
float: right;
width: 234px;
height: 821px;
border-left: #000 1px solid;
margin: 0px;
padding: 0px;
}
/*页面的底补*/
#box3 {
width: 1000px;
height: 55px;
margin: 0px;
border-top:#000 1px solid;
border-bottom:#000 1px solid;
padding: 0px;
}
#bottom {
width: 1000px;
height: 70px;
margin: 0px;
padding: 0px;
text-align: center;
}
/*bottom text style*/
.bottom {
width: 1000px;
height: 35px;
margin: 0px;
padding: 0px;
margin-top: 15px;
border-bottom: #000 1px solid;
text-align: center;
font-size:14px;
font-family: "宋体",Arial, Helvetica, sans-serif;
}
/*image loop*/
.box2 {
width: 720px;
height: auto;
margin-top: 4px;
padding: 0px;
text-align: center;
}
.box1 {
width: 700px;
height: auto;
margin-top: 4px;
padding: 0px;
text-align: center;
}
/*img loop*/
.imgloop {
width: 766px;
height:auto;
margin:0px;
padding:0px;
text-align:left
}
.left {
width: 330px;
height:auto;
margin-top: 5px;
text-align:center;
}
这是那个 css
/* CSS Document */
.tright {
margin: 0px;
padding: 0px;
margin-left: 10px;
color:#999999;
font-size:12px;
font-family: "宋体", Arial, Helvetica;
text-align: left;
}
#linklogo {
width: 200px;
height: auto;
margin: 0px;
padding: 0px;
margin-left: 10px;
text-align: left;
}
你没有使用任何jsp代码,而是在使用javascript代码,所以不需要转成jsp
如果你一定要转的话,把后缀改成 .jsp即可
测试运行时用http://127.0.0.1:8080/目录/文件名.jsp