请问：一个显示很多内容的解决方案（着急中.）
日期：2014-05-17 浏览次数：20764 次
请教：一个显示很多内容的解决方案（着急中...）
当一个页面的新闻内容很多的时候，我不希望他的页面很长，我的解决方法是：
<textarea> content </textarea>
但是问题也来了，此里面一些加粗连接，图片就无法正常显示了，
用frame也是能实现的，但是不太想用。
请问大家有没有其他的解决办法。
------解决方案--------------------
刚刚改完原来做的一个页面。试试吧。
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=utf-8 " />
<title> VFrame by Hidden </title>
<style type= "text/css "> <!--
body, table, p, div { cursor:default; line-height:150%; font-family:Tahoma, Verdana; font-size:11px; color: #54698B }
table { border-collapse:collapse }
body { background-color: #FFCC99; margin: 0px 0px }
#header { position: relative; left: 0px; padding: 0px }
#main { position: relative; padding: 0px }
--> </style>
<script language= "javascript "> <!--
// 调整页面以支持局部区域滚动 | 参考 MSDN2005 页面样式。
function resizeDoc(){
alert(0);
if (document.body.clientWidth==0) return;
document.body.scroll= "no ";
main.style.overflow= "auto ";
header.style.width=document.body.offsetWidth-4;
main.style.width=document.body.offsetWidth-4;
main.style.top=0;
if (document.body.offsetHeight> header.offsetHeight+4)
main.style.height=document.body.offsetHeight-(header.offsetHeight+4);
else
main.style.height=0;
try{main.setActive();}
catch(e){}
}
// 初始化
function Init(){
alert(0);
window.onresize=resizeDoc;
resizeDoc();
return true;
}
--> </script>
</head>
<body id= "bodyID " onload= "Init() ">
<!-- Header > > --> <div id= "header " style= "width: 1261px; height:32px "> <b> An
sample page </b> <br>
Code by: Hidden, Inner Group. <br>
Last Update: 2007|1|3. <br>
Notes: 此程序节选自 Inner Group DEMail 0.1 Build 295。 <br>
Gladisionboy 是 Hidden 在 CSDN.net 上的注册名称。 <br>
<br>
此处为页面固定的内容。 </div>
<!-- Header < < -->
<!-- Main > > -->
<div id= "main " style= "width: 100% "> <p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
</div>
</body> </html>
当一个页面的新闻内容很多的时候，我不希望他的页面很长，我的解决方法是：
<textarea> content </textarea>
但是问题也来了，此里面一些加粗连接，图片就无法正常显示了，
用frame也是能实现的，但是不太想用。
请问大家有没有其他的解决办法。
------解决方案--------------------
刚刚改完原来做的一个页面。试试吧。
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=utf-8 " />
<title> VFrame by Hidden </title>
<style type= "text/css "> <!--
body, table, p, div { cursor:default; line-height:150%; font-family:Tahoma, Verdana; font-size:11px; color: #54698B }
table { border-collapse:collapse }
body { background-color: #FFCC99; margin: 0px 0px }
#header { position: relative; left: 0px; padding: 0px }
#main { position: relative; padding: 0px }
--> </style>
<script language= "javascript "> <!--
// 调整页面以支持局部区域滚动 | 参考 MSDN2005 页面样式。
function resizeDoc(){
alert(0);
if (document.body.clientWidth==0) return;
document.body.scroll= "no ";
main.style.overflow= "auto ";
header.style.width=document.body.offsetWidth-4;
main.style.width=document.body.offsetWidth-4;
main.style.top=0;
if (document.body.offsetHeight> header.offsetHeight+4)
main.style.height=document.body.offsetHeight-(header.offsetHeight+4);
else
main.style.height=0;
try{main.setActive();}
catch(e){}
}
// 初始化
function Init(){
alert(0);
window.onresize=resizeDoc;
resizeDoc();
return true;
}
--> </script>
</head>
<body id= "bodyID " onload= "Init() ">
<!-- Header > > --> <div id= "header " style= "width: 1261px; height:32px "> <b> An
sample page </b> <br>
Code by: Hidden, Inner Group. <br>
Last Update: 2007|1|3. <br>
Notes: 此程序节选自 Inner Group DEMail 0.1 Build 295。 <br>
Gladisionboy 是 Hidden 在 CSDN.net 上的注册名称。 <br>
<br>
此处为页面固定的内容。 </div>
<!-- Header < < -->
<!-- Main > > -->
<div id= "main " style= "width: 100% "> <p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
<p> 此处为滚动显示的文字。 </p>
</div>
</body> </html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
