文字文本

简单的展开收起正文代码

 2017-03-23
◎ 简介:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>简单的展开收起正文代码</title> <script src="jquery.js"></script> <meta http-equiv="Content-Type" con

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>简单的展开收起正文代码</title>
<script src="jquery.js"></script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
<body>
<div style="line-height:26px;font-family:'微软雅黑'; overflow:hidden;">

<script>
    function hiddenArticle(){
        document.getElementById('change').innerHTML = '收起正文';
   $(".hidden").css('height','auto'); 
    $(".hidden").css('overflow','hidden');
document.getElementById('change').href = 'javascript:blockArticle()';
    }
    function blockArticle(){
        document.getElementById('change').innerHTML = '展开正文';
       
  $(".hidden").css('height',78);
  $(".hidden").css('overflow','hidden');
 
document.getElementById('change').href = 'javascript:hiddenArticle()';
    }
</script>
<div class="hidden" style="height:78px; padding:0 10px;border:#9B976D 1px  dotted; overflow:hidden;">
这里是一段示例文本,在这里可编辑任何您想说的话或要表达的内容。这里是一段示例文本,在这里可编辑任何您想说的话或要表达的内容。这里是一段示例文本,在这里可编辑任何您想说的话或要表达的内容。这里是一段示例文本,在这里可编辑任何您想说的话或要表达的内容。这里是一段示例文本,在这里可编辑任何您想说的话或要表达的内容。这里是一段示例文本,在这里可编辑任何您想说的话或要表达的内容。这里是一段示例文本,在这里可编辑任何您想说的话或要表达的内容。这里是一段示例文本,在这里可编辑任何您想说的话或要表达的内容。这里是一段示例文本,在这里可编辑任何您想说的话或要表达的内容。这里是一段示例文本,在这里可编辑任何您想说的话或要表达的内容。这里是一段示例文本,在这里可编辑任何您想说的话或要表达的内容。这里是一段示例文本,在这里可编辑任何您想说的话或要表达的内容。
</div>
<a id="change" href="javascript:hiddenArticle()" style=" text-decoration:none; float:right; color:#009933; margin-right:10px;">展开正文</a>
</div>
</body>
</html>

×

请扫描二维码访问手机站!