导航:首页 > 万维百科 > 网页设计关闭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相关的知识