熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

文字溢出實現溢出的部分再放入一個新生成的div

2013-11-15 11:57:00  來源: JSP教程 

  <!DOCTYPE html PUBLIC "//WC//DTD XHTML Transitional//EN" "
<html xmlns="
<head>
<meta httpequiv="ContentType" content="text/html;charset=gb" />
<title>文字自動分插不同的divJason Yu</title>
<style type="text/css">
*{margin:;padding:;}
body{lineheight:px;fontfamily:SimSun;fontsize:px;color:#;}
#box{height:px;}
box{width:px;overflow:hidden;margintop:px;border:px solid #;}
</style>
</head>
<body>
<div id="box" class="box"></div>
<script type="text/javascript">
var str = "這裡是一段話這短話的文字可以很隨意的哦只要達到一定數量就自動會分頁你信不信?不信也得信啊這是真的哪怕再長的文字我復制一段話吧下面這一段話就是復制過來的我要准備復制了哦准備好了沒呢?這裡是一段話這短話的文字可以很隨意的哦只要達到一定數量就自動會分頁你信不信?不信也得信啊這是真的哪怕再長的文字我復制一段話吧下面這一段話就是復制過來的我要准備復制了哦准備好了沒呢?";
var oBox = documentgetElementById("box");
function fnTextOver(n){
var newBox = documentcreateElement("div");
documentbodyappendChild(newBox);
newBoxclassName = "box";
for(var i=n; i<=strlength; i++){
newBoxinnerHTML = strsubstring(ni);
if(newBoxoffsetHeight<=){
if(i==strlength){
newBoxstyleheight = "px";
}
}else{
newBoxinnerHTML = strsubstring(ni);
newBoxstyleheight = "px";
argumentscallee(i);
break;
}
}
}

function fnShowText(){
var newBox = documentcreateElement("div");
documentbodyappendChild(newBox);
newBoxclassName = "box";
for(var i=; i<=strlength; i++){
newBoxinnerHTML = strsubstring(i);
if(newBoxoffsetHeight<=){
oBoxinnerHTML = strsubstring(i);
if(i==strlength){
documentbodyremoveChild(newBox);
}
}else{
documentbodyremoveChild(newBox);
fnTextOver(i);
break;
}
}
}
fnShowText();
</script>
</body>
</html> 


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19956.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.