JavaScriptは隠しテキストの効果を実現します.
1529 ワード
<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>
効果図: