JavaScriptは隠しテキストの効果を実現します.


<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
		<title>JS</title>
	</head>
<body>
	<div id="content">        ;        ;        ;        ;        ;        ;        ;        ;        ;        ;        ;        ;        ;        ;        。
	</div>

<script language="javascript">
	(function(){
		var len = 50; //        
	 	var content = document.getElementById("content"); // content      div   
	  	var text = content.innerHTML;	// text    
	  	var span = document.createElement("span"); //      SPAN   
	  	var n = document.createElement("a");	//      A   
	  	span.innerHTML = text.substring(0,len);	// SPAN        text    len    
	  	n.innerHTML = text.length > len ? "..  " : ""; //     A     ,         len,   “..  ”,    
	  	n.href = "javascript:void(0)";	//    A        (  )
	  	n.onclick = function(){	//    A         
		//    A       “..  ”,   A       “  ”,SPAN        DIV     ,       len    
		if (n.innerHTML == "..  "){
			n.innerHTML = "  ";
		  	span.innerHTML = text;
		}else{
		  	n.innerHTML = "..  ";
		  	span.innerHTML = text.substring(0,len);
		}
	  }
	  	content.innerHTML = "";		//    DIV     
	  	content.appendChild(span);	//   SPAN      DIV  
	  	content.appendChild(n);		//   A      DIV  
	})();
</script>
</body>
</html>
        効果図: