在test.html页面编写一个内容为“这是固定在右上角的DIV”的div，并定义它的id属性为rig，用于下面实现定位。同时，编写几个p标签，用于测试div是否真的固定在页面的右上角。
在test.html页面，使用<style type="text/css"></style>标记定义CSS的内容，在CSS内编写id为rig的div样式。
<!--看着提问，觉得你可能存在理解问题，div只是一个结构标签 并不是一个脚本语言。正如你所说要实现这个效果就要用到JS 等脚本语言。div本身是不会有什么动作的。只要你用jS指定你想要隐藏或显示的DIV框就行了。简单点用可以用jquery 的效果函数toggle()来实现。只要把你想隐藏的div 命名好ID或者class 都可以。 至于左右自己用定位来排吧。写个例子，下面这段代码ID为 right的div框 ，在点击class为left的按钮时就会隐藏 再点击就显示。--><html>
<head>
<script type="text/javascript"
src="http://www.w3school.com.cn/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".left").click(function(){
$("#right").toggle()
})
})
</script>
</head>
<body>
<button class="left">Toggle</button>
<div id="right">这是要隐藏的div.</div>
</body>
</html>
1、利用js代码首先创建一个div，document.createElement('div')2、确认div添加位置，可以在某个dom元素后面，或者通过css属性控制具体位置，主要通过left/top等属性控制。
3、确定位置之后，显示div即可。
示例：比如html中有一个文本输入框，我们现在需要在挨着输入框右下角位置显示一个div。
<input type="text" id="city" value="beijing"/>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）