导航:首页 > 万维百科 > 网页设计如何让一个标签值隐藏

网页设计如何让一个标签值隐藏

 发布时间：2020-12-14 20:34:53

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

用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库不能运行的

2、网页设计如何设计点开一个标题就看到内容，不点开的时候内容是隐藏的只显示标题

用<div>标记的“隐藏”和“显示”就可以实现了！
也就是通过JS技术来实现div的隐藏和显示

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

好好回答一下，以下代码实现你所说的效果，演示之用：
代码是在网上转的，我作了一点注释，下面代码保存为.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>

4、js如何实现A 标签 点击 隐藏一个 或者多个DIV 不需跳转页面 或者其他标签也可以 只要实现这个功能

这个一般是用在列表就是模板有循环输出的，如果知道是固定的就没多大意思了，我这边给你部分代码，主要给你思路
//美食分类
<!--{foreach from = $list_cates item=list}-->
<div class="filtersingle"><label style="color:#0033FF" onClick="toggle({$list.cate_id})">{$list.cate_name}</label></div>
<!--{/foreach}-->
<div class="filtersingle"><label style="color:#0033FF" onClick="toggle(0)">所有美食</label></div>

//这是模板美食列表注意DIV的ID
<!--{foreach from=$goods_list item=good_list key=key}-->
<div id="tab{$key}"> 列表内容....</div>
<!--{/foreach}-->
//一个隐藏域
<input type="hidden" id="cate_id_str" value="{$cate_id_str}">
说明 :这个{$cate_id_str}是那些{$key}的值（同时也和上面的这个{$list.cate_id}的相等，就是分类的id，这个美食列表的键值就是对应的分类id的值）的字符串（用逗号隔开,可以在后台处理好）
好了，js代码
<script type="text/javascript">
function toggle(num){
var str = $('#cate_id_str').val();//得到那个ID的字符串
var str_array = new Array();
str_array = str.split(','); //分割成数组
for(var i=0;i < str_array.length;i++){
if(str_array[i]!='' && str_array[i]!=null){
//这个是显示所有分类下的美食列表
if(num==0){
var id='#tab'+str_array[i];//获取对应的DIV的id(就是tab1,tab2等等)
$(id).show();
}else{
if(str_array[i] !=num){
var id='#tab'+str_array[i];//非当前点击的美食分类
$(id).hide();//隐藏对应的美食列表

var id='#tab'+num;//点击当前的美食分类
$(id).show();//显示对应的美食列表

}
}
}
}

}
</script>

好了，应该能看明白了吧

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

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

6、如何设置一个DIV在网页中显示几秒然后自动隐藏消失？

可以用JS来控制。

代码如下：

<div id="nogg">广告层</div>

<script type="text/javascript">

setTimeout(function(){document.getElementById("nogg").style.display="none";},4000);

</script>

利用JS代码拆入10秒倒计时，如下：

<span id="numDiv">10</span>秒……

<script type="text/javascript">

var num=10

var interval=setInterval(function(){if(num==0){clearInterval(interval)}

numDiv.innerHTML=num--},1000)

</script>

(6)网页设计如何让一个标签值隐藏扩展资料：

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

setTimeout(code,millisec)

1、code，描述：必需。要调用的函数后要执行的 JavaScript 代码串。  

2、millisec，描述：必需。在执行代码前需等待的毫秒数。  

例如：

<body onLoad="MM_timelinePlay('Timeline1')">

<div id="Layer1" style="position:absolute; left:419px; top:295px; width:160px; height:145px; 

z-index:1; visibility: inherit">asdfasdf</div>

7、网页中如何用一个下拉菜单 控制1个文本域和隐藏域

根据你的需求 有两种方法解决 一种是用select控件的onchange事件 在选定的时候就赋值 另一种是用表单的onsubmit事件 在提交表单的时候赋值 两种方法大同小异
第一种代码：
<select id="sl" name="sl" onchange="setValue(this.selectedIndex);">
<option value="10">普通会员</option>
<option value="20">高级会员</option>
<option value="30">终身会员</option>
</select>
<input type="hidden" id="hiddenValue" name="hiddenValue" value="普通会员" />
<!--如果要测试效果请把type="hidden"改为type="text"-->
<script>
function setValue(si){
document.getElementById("hiddenValue").value = document.getElementById("sl").options[si].text;
}
</script>

第二种代码：
<form onsubmit="return setValue(this);">
<select id="sl" name="sl">
<option value="10">普通会员</option>
<option value="20">高级会员</option>
<option value="30">终身会员</option>
</select>
<input type="hidden" id="hiddenValue" name="hiddenValue" />
<input type="submit" value="提交" />
</form>

<script>
function setValue(fm){
fm.hiddenValue.value = fm.sl.options[fm.sl.selectedIndex].text;
return true;
//如果要测试效果 首先同第一种方法把hiddenValue这个控件的type="hidden"改为type="text"
//然后将此处改为return false，这样就可以看到执行效果，但表单不会提交
}
</script>

8、网页制作中，form的所有内容怎么隐藏？

<form Name='frmInput' Action='' method='post'>
</form>
<button name="btnHide">隐藏</button>
<SCRIPT Language="VBScript">
function btnHide_Onclick()
frmInput.style.display="none"
end function
</SCRIPT>

9、如何实现点击一个a标签隐藏整个div？

<script type="text/javascript">
function close()  
{   
    $('#yincha').css('display','none');
}
</script>
<a onclick="close();">X</a>
    <div id="yincha"></div>

对了抄，还袭有引用一个脚本

10、网页制作。有什么方法可以让一段网页中的文字用一个按钮控制隐藏和显示吗？

下载 "jquery-1.7.min.js"

<script>

$("a").click(function () {
$("p").slideToggle("slow");
});
</script>
“a”表示点击的内容
“p”表示隐藏和显示的内容。
自己可以试试！

与网页设计如何让一个标签值隐藏相关的知识