zoukankan      html  css  js  c++  java
  • 文字展开和收起

    HTML

    <div class="box">
    	<span>
    		JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
    		JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
    	</span>
    	<a href="javascript:;">收起》》</a>
    </div>
    

    CSS

    *{
    	margin: 0;
    	padding: 0;
    }
    .box{
    	margin: 0 auto;
    	 300px;
    }
    

    JS

    	var oP=document.getElementsByTagName("span")[0];
    	var oBtn=document.getElementsByTagName("a")[0];
    	var onOff=true;
    	var TxT=oP.innerHTML; 
    	oBtn.onclick=function(){
    		if(onOff){
    			oP.innerHTML=TxT.slice(0,50);
    			oBtn.innerHTML="展开》》";
    		}else{
    			oP.innerHTML=TxT;
    			oBtn.innerHTML="收起》》";
    		}
    		onOff=!onOff;
    	}
    

      

  • 相关阅读:
    ConditionedActivityGroup
    一个WF系统架构草图
    新添加了一个栏目
    入门篇(3):了解一下Activity的使用
    再谈调用子流程(2)
    自定义WorkflowRole
    ListenActivity
    WhileActivity
    我是一只鸟
    得到工作流结点列表
  • 原文地址:https://www.cnblogs.com/yangxue72/p/7976677.html
Copyright © 2011-2022 走看看