導航:首頁 > 萬維百科 > 網頁設計如何讓一個標簽值隱藏

網頁設計如何讓一個標簽值隱藏

 發布時間：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」表示隱藏和顯示的內容。
自己可以試試！

與網頁設計如何讓一個標簽值隱藏相關的知識