導航:首頁 > 萬維百科 > 網頁設計關閉div

網頁設計關閉div

發布時間:2020-11-02 06:11:39

1、製作按鈕關閉當前的div的js怎麼寫?

你不是寫的差不多了<script type="text/javascript">
function removeElement(id)
{
document.getElementById(id).style.display="none";
}
</script> 上面是js部分,下面這段是html的,我盡量簡化一些<div id="bar1"> <img>
<p onclick="removeElement('bar1')">關閉</p></div>
<div id="bar2">
<img>
<p onclick="removeElement('bar2')">關閉</p>
</div>

2、求助,網頁設計問題需呀求助,在同一個html中有五個div,讓它載入第一個div5秒後關閉div1

settimeout,
每隔五秒調用一下

3、網頁製作div點擊按鍵彈出,點擊按鍵關閉的製作

<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".flip").click(function(){
$(".panel").slideToggle("slow");
});
});
</script>

<style type="text/css">
div.panel,p.flip
{
margin:0px;
padding:5px;
text-align:center;
background:#e5eecc;
border:solid 1px #c3c3c3;
}
div.panel
{
height:120px;
display:none;
}
</style>
</head>

<body>

<div class="panel">
<p>你可以學習下jquery!</p>
<p>不會的在找我!謝謝!</p>
</div>

<p class="flip">請點擊這里</p>

</body>
</html>
可以滿足你的需求么,不滿足再和我說!

4、網頁設計div的問題

ul, div, li{margin:0; padding:0;}
body {
font-size: 12px;
color: #000;
margin:0 auto;
padding:0;
}

因為ul li有默認的邊距,一般都設置為0,再在需要時設置,以便所有瀏覽器能夠兼容

ps:別在body里設寬度

5、如何讓div層在網頁打開幾秒後自動關閉

如果是jquery
<script>
setTimeout(function(){$("#這里放id").hide()},1000)//1000是1秒
</script>
如果沒有jquery
<script>
setTimeout(function(){document.getElementById("這里放id").style.display = "none"},1000)//id是你要隱藏的div的id 1000是1秒
</script>
把代碼放在網頁</body>前面

6、HTML彈出的DIV怎麼設置點擊關閉

加一個*的a標簽,設置id,然後店家標簽的時候讓div的display為none就好的;例如:
<div id='one'>
<a id='close'>×</a>

</div>
js部分:
$('#close').click(function(){
$('#one').css('display','none');

});

7、關於網頁製作中div的問題

我來給簡單的你描述一下吧,這都是我個人的體會,未必全對呵。

網頁設計最主要的是布局。

當然網頁設計有很多的知識點,但從一個靜態的網頁開始,網頁最關鍵的一個知識點應該是布局,因為網頁製作不同於Word,它不可以隨心所欲的在任意位置、任意方式添加任意的元素,比如文字、圖畫、動畫等。

於此同時,早期網頁製作時,你也不方便進行文字格式的控制,字體的大小、顏色、行距等等。

這主要是因為網頁製作的HTML語言過於單一的原因。於是,後來就引入了CSS,CSS是一種層疊樣式表語言。簡單的說,它豐富了網頁製作的格式。

舉個簡單的例子,CSS可以精確到點來控制字體的大小、行距,這是從前很難實現的。

再一點,布局,從前我們都是用表格來布局,本來,這是一個很好的思想,看過一些日韓的網頁源碼,人家將表格布局發揮到了極致,用表格布局實現了很多意想不到的布局效果,他們一般先用Photoshop設計出網頁的整體效果,然後再把元素分解,進而通過表格組合成最終的網頁,這種設計理念雖然比較費工時,但整體上很完美,值得我們借鑒。

但表格布局也有它的局限,比如下載速度慢,不能實現網頁樣式的轉換,比如網站的改版就得重新全部網頁代碼。

同時,人們也需要表達更炫的頁面,這時,就引入了DIV的理念,也就是「層」的理念,這是一個很瘋狂的想法。

從前層還只是平面設計的一個概念(具體就不再描述了),現在引入到網頁設計之中,自然需要進行一些再加工。

首頁,網頁的層並不是任意和隨心所欲的一個層,它需要你事先規劃好,這個層定位在哪兒,多寬多高,有什麼樣的樣式,與其它層的位置關系,是疊加還是繞排,等等,都需要事先想好。

這是一個需要整體想像和周密計劃的工作,所以,現在看到的CSS+DHTML網頁都還是比較簡單的。因為如何太復雜,工作量就太大了。

字打的太累了,給你舉個例子,你慢慢分析先,http://www.armstrong.com/home/us/en/

將這個網站源碼打開,一點點分析人家的做法,會受益的,估計有一周的時間,你會明白很多的。

8、HTML彈出的DIV怎麼關閉?

加一個*的a標簽,設置id,然後店家標簽的時候讓div的display為none就好的;例如:
<div id='one'>
<a id='close'>×</a>

</div>
js部分:
$('#close').click(function(){
$('#one').css('display','none');

});

9、點擊關閉div按鈕

在head跟head之間加入
<script>
function turnoff(obj){
document.getElementById(obj).style.display="none";
}
</script>
然後在DIV中加這句
<a href="#" onclick="javascript:turnoff(這里寫DIV的ID記得要加單引號)">點擊關閉</a>


<html>
<head>
<script>
function turnoff(obj){
document.getElementById(obj).style.display="none";
}
</script>
<title>我是標題</title>
</head>
<body>
<div id="abc"><a href="#" onclick="javascript:turnoff('abc')">點擊關閉</a>
<h1>DIV中的其它文字</h1>
<p>DIV中的其他文字</p>
</div>
</body>
</html>

與網頁設計關閉div相關的知識