`

js控制超出制定高度部分隐藏点击按钮展开全部

 
阅读更多

首先设置内容的高度,并制定超出高度部分隐藏

<div id='refer_a' style='height:80px;overflow:hidden'>内容<br />
</div>
<a href='#' onclick='slideDiv(\"refer_a\",80);return false;' class='afblue'>更多 >></a>


 单击更多 展开全部内容,再次单击隐藏

function slideDiv(divID,height){
	var obj=document.getElementById(divID).style;
	if(obj.height==""){
		obj.height=height+"px";
		obj.overflow="hidden"; 
	}else{
		obj.height="";
		obj.overflow="";
	}
}


 










分享到:
评论

相关推荐

    js 进行打印控制 打印时隐藏按钮

    根据给定文件的信息,本文将深入探讨如何使用JavaScript来实现网页打印时的元素隐藏功能,并进一步解析相关的技术细节。 ### 知识点一:JavaScript控制打印 #### 1.1 理解`window.onbeforeprint`与`window....

    Vue.js 点击按钮显示/隐藏内容

    如何使用vue进行按钮点击后指定区域内容隐藏,再次点击按钮隐藏内容显示。实现思路:首选需要设置一个属性为true(show:true),然后使用v-if把show属性绑定到要显示与内容的标签身上,最后给点击按钮添加点击事件,当...

    Css测试,li超出部分的汉字隐藏

    标题"Css测试,li超出部分的汉字隐藏"提示我们,这个话题主要关注如何在CSS中控制`&lt;li&gt;`元素内的汉字当其内容超过指定宽度时进行隐藏。 在CSS中,我们可以使用多种方法来实现这种效果,例如: 1. **overflow** ...

    Angular实现点击按钮控制隐藏和显示功能示例

    在Angular中实现点击按钮控制页面元素隐藏与显示的示例代码,主要涉及AngularJS框架的一些基本操作。通过具体实例,我们可以学习如何使用AngularJS指令和控制器来实现这一功能,这对于初学者来说是一个非常实用的...

    pdf.js使用demo(已解决隐藏打印下载等按钮)

    当然,你也可以通过 JavaScript 来动态控制这些按钮的显示和隐藏,例如在页面加载完成后或者特定事件触发时执行相应的操作: ```javascript document.getElementById('printButton').style.display = 'none'; ...

    左侧隐藏div,点击按钮弹出

    然后,JavaScript(如jquery.contactable.js或jquery.contactable.min.js)负责处理按钮点击事件并控制div的显示与隐藏。这里我们使用jQuery库,因为它提供了简单易用的API: ```javascript $(document).ready...

    按钮显示和隐藏

    - 除了使用JavaScript来动态改变按钮的禁用状态外,还可以通过CSS来控制按钮的显示与隐藏。例如,可以通过更改按钮的 `display` 或 `visibility` 属性来达到相同的效果。 ```css .hidden { display: none; /* 或 ...

    js 实现div里面的内容滚动,并可以通过按钮控制

    【标题】:“JS实现div内滚动内容及按钮控制” 在网页设计中,有时我们需要在一个固定的div区域展示大量的文本或图片,而这个div的大小又是有限的。这时,我们可以利用JavaScript来实现div内的滚动效果,并通过按钮...

    仿博客或留言板里面点击更多按钮展开详细信息

    "点击更多按钮展开详细信息"是一种常见的交互设计手法,它允许用户在需要时查看完整内容,而不会一次性加载过多信息导致页面显得拥挤。这种技术主要依赖JavaScript(JS)来实现,它提供了丰富的功能来处理用户交互和...

    jquery点击按钮隐藏父页和引用页的iframe

    在网页开发中,有时我们需要实现一种交互效果,即在用户点击特定按钮时,隐藏嵌入在页面中的`iframe`元素。这种效果对于提高用户体验、控制页面布局或在多页面交互场景下尤为有用。本篇文章将深入讲解如何使用`...

    HTML5-JS 超出页面宽度部分的菜单栏转为下拉列表.rar

    本示例“HTML5-JS 超出页面宽度部分的菜单栏转为下拉列表.rar”提供了一个解决方案,它利用HTML5和JavaScript技术,将超出页面宽度的部分自动转换为下拉菜单,从而提高用户体验。 首先,我们来看HTML5在这个场景中...

    基于JavaScript实现文字超出部分隐藏

    这个示例中,我们将讨论如何使用JavaScript来实现文字超出部分隐藏的功能。 首先,我们看到HTML结构中包含了两个`&lt;div&gt;`元素,它们都有不同的类名(`.text` 和 `.text1`)。这两个`&lt;div&gt;`分别包含了两段文字,其中`...

    js-实现可展开隐藏导航菜单按钮特效.zip

    简单实用可展开隐藏导航菜单按钮js特效代码下载。这款菜单的特点是点击按钮时可以展开菜单,展开的时候带有弹性的动画特效,效果相当酷。菜单项是一些小图标,当然你也可以使用图标结合文字的方式,由于隐藏/展开的...

    JS/jQuery实现默认显示部分文字点击按钮显示全部内容

    JS实现默认显示部分文字,点击按钮显示全部&lt;/title&gt; &lt;/head&gt; &lt;body&gt; ”box”&gt; 民间机构提前3天预报大理地震 地震局称违法&lt;/h2&gt; &lt;p&gt;17日大理州5.0级地震发生之后,在微博上一条曾在3天前就预测大理...

    利用JAVASCRIPT点击按钮播放音乐

    在网页开发中,JavaScript是一种非常重要的脚本语言,它允许我们实现动态交互的效果,比如点击按钮播放音乐。本文将深入探讨如何使用JavaScript实现这一功能,包括HTML基础、JavaScript语法以及音频API的使用。 ...

    JS控制明细列显示隐藏 同时控制字段必填属性.js

    JS控制明细列显示隐藏 同时控制字段必填属性.js

    js控制按钮样式

    在JavaScript(JS)中,控制按钮样式是一种常见的需求,特别是在构建交互式的网页应用时。本文将深入探讨如何利用JavaScript来改变HTML按钮的外观,包括颜色、大小、边框、字体等样式属性。首先,我们需要了解HTML...

    内容隐藏点击滑动

    在IT行业中,"内容隐藏点击滑动"是一种常见的网页设计技术,主要应用于增强用户体验和保护敏感信息。这种技术允许用户通过交互(如点击或滑动)来显示或隐藏某些内容,通常与隐私设置、长文章预览、隐藏评论等场景...

    点击元素以外的地方隐藏元素插件

    这意味着用户可以在某些特定区域(如导航栏、按钮等)点击时,即使这些区域在目标元素之外,也不会触发隐藏操作。这可以通过设置插件选项来实现,例如,可以传递一个包含忽略元素选择器的数组,以便插件在判断是否...

    javascript经典特效---点击后按钮消失.rar

    在JavaScript编程领域中,"点击后按钮消失"是一种常见的交互效果,主要应用于用户界面设计,以提供更友好的用户体验。这种效果通常是通过监听按钮的点击事件,并在事件触发时执行相应的JavaScript代码来实现的。本...

Global site tag (gtag.js) - Google Analytics