网页设计小技巧：如何隐藏网页中的层DIV

技巧|设计|网页|网页设计

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

　　通过设置display属性可以使div隐藏后释放占用的页面空间，如下

　　style="display: none;"
　　document.getElementById("typediv1").style.display="none";//隐藏
　　document.getElementById("typediv1").style.display="";//显示

时间： 2024-10-31 12:49:08

网页设计小技巧：如何隐藏网页中的层DIV的相关文章

网页设计小技巧:快速让网页出彩的小技巧

文章描述:我的防身暗器-网页设计应急小技巧. 工作中,网页设计师经常会遇见这些状况:时间这么短又要出彩.又是要大气要有气氛.风格不明确很难把握.栏目这么多页面又这么长-- 突然觉得束手无策,脑袋里一片空白,没想法了,怎么办? 下面简浅的归纳了几个快速让页面出彩的小技巧: 1.旋转法 – 将页面的主体或局部进行旋转我们一般的页面版式都是方方正正,四平八稳,有点呆板.如果将局部或整体适当的旋转,打破稳定的构图,画面就会动感有趣一些. 对于上图,这种基调轻松活泼又恰好内容比较少的页面来说,主体整个旋

网站建设网页设计小技巧分享

网站建设网页设计小技巧分享.在网站建设的过程中我们会遇到很多问题,我们也会去解决各类问题.无论是网站设计还是代码编写.今天针对网站建设过程中我们会遇到的一些小问题,并给出一些简单的解决办法. Ie6不支持Png格式下的透明.效果图如下: 应用解析:有不少人都会对LOGO进行透明处理以融入head部分的渐变背景. 解决方案:采用JS代码实现或CSS滤镜功能,当然问题也存在部分,导致图片质成像量不高. 小技巧1:将透明的LOGO用高于IE6的浏览器打开网页,然后采用FF的PearlCrescentP

网页设计小技巧:解决IE6不支持hover

文章简介:网页设计小技巧:解决IE6不支持hover. IE6以及更低版本的浏览器对":hover"的支持不理想,对于类似的"p:hover"."img:hover"."#header:hover"...,今天给大家介绍一种新的方法,可以完美解决IE6不支持hover的情况,用法很简单,将下载后的"csshover.htc"文件,定义在body样式内 body { behavior:url("c

网页设计小技巧：用CSS制超级链接样式

css|技巧|链接|设计|网页|网页设计有时我们可能希望内部链接与外部链接显示不同的样式,如外部链接.我想在链接的旁边加上一个小图标,以表示其是一个外部的链接,来告诉来访者,让他们来确认是在新窗口打开还是在本窗口打开.我们可能会这样做:.external{background:url(images/external.gif) no-repeat right top;padding-right:12px;}然后给每一个外部的链接应用该CSS,当然,这样做并不是不可以,只是太繁琐. 那有没有好的办

css网页设计小技巧

1.CSS字体属性简写规则一般用CSS设定字体属性是这样做的: font-weight:bold; font-style:italic; font-varient:small-caps; font-size:1em; line-height:1.5em; font-family:verdana,sans-serif; 但也可以把它们全部写到一行上去: font: bold italic small-caps 1em/1.5em verdana,sans-serif; 真不错!只有一点要提醒

网页设计与开发-如何隐藏网页中的文字?

问题描述如何隐藏网页中的文字? 如何隐藏网页中的文字,当我按到那段文字的标签时会显示那些文字(如:腾讯qq空间里个人档中个人资料一样,不点击文字隐藏,点击文字显示.如何在将鼠标的光标移动到滚动文字时文字会停止滚动?希望大神指教!谢谢!

40种网页常用小技巧

技巧|网页下面是javascript的40个网页常用小技巧,对网站开发人员相信会有帮助. 1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于Table 2. <body onselectstart="return false"> 取

网页制作小技巧

技巧|网页网页制作小技巧之二如何使同一页中的超文本链接呈现不同的颜色通常在网页的<body>中设置连接的颜色,如:<body link="#FF00FF" vlink="#FF0000" alink="#008080"> 其中:link -- Hyperlink(连接)的颜色 vlink-- visited Hyperlink(已访问过的连接)颜色 alink-- active Hyperlink (当前活动的连接)

网页设计配色技巧宝典

网页设计配色技巧宝典: 互联网发展到如今这样的程度,在许多方面要求都大大的提高了,不管是信息的质量度,网页设计的美观度,都进入一个高端的阶段.特别是网页配色技巧也越来越多,网页从单色系到五彩缤纷系,人们的审美也在不断提高.在彩票网站程序站点的页面设计中,网站的色彩选择一般是根据网站的主题来确定的,随着经验的积累,发现现在网页的配色又回到单一色彩的设计了. 网页的配色有非常大的技巧,颜色的组合不是随意的,通常是将一种或者几种相近的颜色放在一起.开始这些颜色的组合我也不是用的很灵活