【javascript-设置div隐藏】的更多相关文章

设置DIV隐藏与显示，表格滑动条

问题描述:         现在希望使用JS设置DIV块的显示与隐藏,当某一个事件触发是,自动显示DIV块,显示表格数据,但是要求表格显示滑动条 问题解决:   (1)DIV块的隐藏与显示 如上所示,设置DIV块的宽度.高度,设置DIV块overflow超出宽度或者高度时自动显示滑动条,display=none设置DIV块隐藏         (2)设置表格滑动条 设置表格滑动条,这里是直接设置DIV块的大小,将表格放置在DIV块处,当表格长度超出了DIV块的宽度或者长度是自动显示滑动条....…

JavaScript设置div中的文字滚动起来 实现滚动效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="i1" style="width: 400px; height: 300px; position: absolute; l…

设置一个div网页滚动时，使其固定在头部，当页面滚动到距离头部300px时，隐藏该div，另一个div在底部，此时显示；当页面滚动到起始位置时，头部div出现，底部div隐藏

设置一个div网页滚动时,使其固定在头部,当页面滚动到距离头部300px时,隐藏该div,另一个div在底部,此时显示: 当页面滚动到起始位置时,头部div出现,底部div隐藏 前端代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initi…

Html 使用技巧 -- 设置display属性可以使div隐藏后释放占用的页面空间

     div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白: style="visibility: none;" document.getElementById("typediv1").style.visibility="hidden";//隐藏 document.getElementById("typediv1").style.visibility="visible";//显…

JavaScript动态设置div的样式的方法

有时候需要根据需要动态设置div的样式,当然对于稍有经验的javascript开发者来说,这一切都是那么的简单,但是对于初学者或者说没有相关经验的开发者来说可能就是一个不大不小的难关,下面就通过实例简单介绍一下如何实现此效果. 代码实例如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 <!DOCTYPE html>…

2017.9.24 基于HTML+JavaScript+CSS的开发案例&&JavaScript+CSS+DIV实现表格变色

1.JavaScript+CSS+DIV实现下拉菜单 1.1 层标签<div> 基本语法: <div id="层编号" style="position:absoult;left:29px;top:12px; width:200px;henght:100px;background-color:#33CC99; float:none;clear:none;z-index:1"> </div> 语法说明: ·position属性主要是来…

点击一个div隐藏另一个div

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-…

JS控制DIV隐藏显示

转载自:http://blog.sina.com.cn/s/blog_6c3a67be0100ldbe.html JS控制DIV隐藏显示 一,需求描述: 现在有3个DIV块,3个超链接,需要点击一个链接,显示相应的模块,并隐藏其余2个模块 二,代码如下 示例一 Html代码 <html> <head> <script type="text/javascript"> function changeBody(index){ switch(index){…

设置Div多行文本超出时，以省略号代替

这个文章不错 http://www.css88.com/archives/5206 css中有一个属性: text-overflow,可以设置文本超出指定长度后的文本截取样式. 下面是从 w3shcool截的图: 但是 text-overflow 有一个缺陷,它只能对单行文本起效果,如果是多行文本就不好使了. 如果想对多行文本也实现以省略号代替超出部分的话,可以使用下面方法(貌似局限于webkit内核): max-height:100px; /*首先设置div高度*/ overflow:hidd…

jQuery实现鼠标点击div外的地方div隐藏消失的效果（转）

转:https://www.cnblogs.com/jsingleegg/p/3456152.html css部分: <style type="text/css">.pop { width:200px; height:130px; background:#080;}</style> 样式与JS部分: <body> <script type="text/javascript" src="http://ajax.goo…