导航:首页 > 万维百科 > 网页设计隐藏

网页设计隐藏

发布时间:2020-08-17 18:50:56

1、在网页设计中怎么做到目标显示与隐藏???

这个是通过 css和js两种语言互相配合达到的效果

呃,怎么说呢,你图片中的效果是典型的tab面板,或叫滑动门效果,或叫做tab选项卡式面板,我手中有效果,但现在不行。请明天找我要吧,Hi联系。

如果麻烦,你可以在百度中搜一下:网页滑动门效果,会有很多现成的代码供你参考。

原理是:通过js对上页那两个按钮进行onmouseover和onmouseout监控,然后调用自定义函数对下面那个区域div的内容进行显示和隐藏,也就是css中syle.display="hidden";(本句是js代码,而syle却是css功能。)

就这么简单。

2、网页设计中怎么隐藏列表?

你设置那麼多border-style 什麼的那麼多干嘛,直接删除所有Border的设置属性,用一句话来代替 border:none; 同时,table属性还要设置一下 .

3、如何将打开的网页在浏览器中隐藏而不关闭?

将打开的网页在浏览器中隐藏而不关闭的具体步骤如下:

我们需要准备的材料分别是:电脑、百度浏览器。

1、首先我们打开百度浏览器,点击打开右上角三条杠中的“设置”。

2、然后我们在弹出来的窗口中点击打开“快捷键”。

3、然后我们在弹出来的窗口中点击打勾“启用老板键”和第二个选项,可以看到可以用鼠标中键即可隐藏浏览器。

4、网页设计中用overflow属性使图片隐藏,但如何使隐藏的图片不占据原有的网页位置且能正常显示。(急求,)

你给他的父元素固定的宽和高,在设置父元素的溢出隐藏试一下呢

5、在网页制作中层的隐藏和显示怎么弄啊

function doDisplay(act){ var tips =document.getElementById(act); if( act ==1 ){ //显示 tips.style.display = "block"; }else{ //隐藏 tips.style.display = "none"; } } 在需要的地方调用doDisplay这个函数,传递的参数就是需要显示很隐藏的层的id

6、网页制作中,如何实现层或者图片显示隐藏效果,高人见内

给段参考的代码,再给个参考内容页面,可以看下

<!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-Type" content="text/html; charset=gb2312" />
<title></title>
</head>
<body>
<div id="div" style="width:200px;height:200px;background-color:#ddeeff;filter:Alpha(Opacity=0);opacity:0;" onmouseover="starchina()" onmouseout="starchina2()"><img src="newtopic.gif" width="90" height="31" /><img src="newtopic.gif" width="90" height="31" /><img src="newtopic.gif" width="90" height="31" /><img src="newtopic.gif" width="90" height="31" /><img src="newtopic.gif" width="90" height="31" /><img src="newtopic.gif" width="90" height="31" /><img src="newtopic.gif" width="90" height="31" /><img src="newtopic.gif" width="90" height="31" /><img src="newtopic.gif" width="90" height="31" /><img src="newtopic.gif" width="90" height="31" /><img src="newtopic.gif" width="90" height="31" /><img src="newtopic.gif" width="90" height="31" /></div>
<div id="under" ><input name="" type="button" / onclick="starchina()"></div>
</body>
<script type="text/javascript">
var o = document.getElementById("div");
var i=0;
var j=100;
var sobjTimer;
var sobjTimer2;
function change(){
i++;
o.style.filter = "Alpha(Opacity=" + i + ")"; //for IE
o.style.opacity = i/100; //for FF
if(i>100) {window.clearInterval(sobjTimer);}
}
function change2(){
j--;
o.style.filter = "Alpha(Opacity=" + j + ")"; //for IE
o.style.opacity = j/100; //for FF
if(j<0) {window.clearInterval(sobjTimer2);}
}
function starchina(){
sobjTimer =window.setInterval(change,10);
}
function starchina2(){
sobjTimer2 =window.setInterval(change2,10);
}

</script>
</html>

7、制作网页时 内容的显示和隐藏的代码

好好回答一下,以下代码实现你所说的效果,演示之用:
代码是在网上转的,我作了一点注释,下面代码保存为.html可以看到效果。
<html>
<head>
<title></title>
<script type="text/javascript">
function show(){
if(document.getElementById("table_foot").style.display=="block")
{//如果id为table_foot的标签style.diplay属性为block,则执行:
document.getElementById("table_foot").style.display="none";
}else{
document.getElementById("table_foot").style.display="block";
}
}
</script>
</head>
<body>
<table border="1" width="100%">
<tr id="table_head" onclick="show()" style="cursor:pointer;">
<td align="center">点击这里显示内容</td>
</tr>
<tr id="table_foot" style="display:none;"><!--看这里ID值在这儿。 -->
<td height="300" align="center" valign="middle" >你看到我没啊?哈!圣诞快乐!</td>
</tr>
</table>
</body>
</html>

8、关于网页设计,哪里不对?网页不能实现显示和隐藏

d1你在布局中没设置这个id,所以没起作用!

9、怎样在网页中设计一个按钮,点下后在当前网页出现隐藏内容.

用js或者jquery控制隐藏显示就行了,很简单的,就一段代码的事情,不会你q我

<!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml">
<head><title>
无标题页
</title>
<scripttype="text/javascript"src="javascript/jquery-1.7.2.min.js"></script>
<scripttype="text/javascript">
$(function(){
$("#Button1").click(function(){
$("#flash").slideDown(function(){$("#Button1").hide();});
});
});
</script>
</head>
<body>
<inputid="Button1"type="button"value="button" />
<divid="flash"style=" width:100px; height:100px; border:1px solid #ff0000; display:none;"></div>
</body>
</html>

给你附上代码,jquery库你去下一个,放到同一个路径就行了,这个没Jquery库不能运行的

10、网页设计 隐藏-显示层

这嗰问题ぬ难锕,莪乜吥会!

与网页设计隐藏相关的知识