<html>
<head>
<title></title>
<meta name="page-view-size" content="1280*720">
</head>
<style type="text/css">
.left1Style {
position:absolute;width:160;height:180;left:200;top:70;background-color:#CCFFFF;
}
.left2Style {
position:absolute;width:160;height:200;left:360;top:60;background-color:#CCFFFF;
}
.FocusStyle {
position:absolute;width:260;height:220;left:520;top:50;;background-color:#CC99CC;
}
.right1Style {
position:absolute;width:160;height:200;left:780;top:60;background-color:#CCFFFF;
}
.right2Style {
position:absolute;width:160;height:180;left:940;top:70;background-color:#CCFFFF;
}
.prov1{
</style>
<script type="text/javascript">
var weatherURL="http://ivas-wf.wasu.cn:8080/pws-tv/nw/city?provId=0571&cityId=0571";
var cityArrayDiv={};
function int(){
document.getElementById("topCitydDiv1").className="left1Style";
document.getElementById("topCitydDiv2").className="left2Style";
document.getElementById("topCitydDiv3").className="FocusStyle";
document.getElementById("topCitydDiv4").className="right1Style";
document.getElementById("topCitydDiv5").className="right2Style";
}
</script>
<body leftmargin="0" topmargin="0" onload="int()">
<!-市->
<div id="topCitydDiv1" >
</div>
<div id="topCitydDiv2" >
</div>
<div id="topCitydDiv3" class="FocusStyle" >
</div>
<div id="topCitydDiv4" >
</div>
<div id="topCitydDiv5" >
</div>
<!-省->
</body>
</HTML>
分享到:
相关推荐
CSS+DIV定位浅析:relative,absolute,static,fixed。
主要提供一个网页全局定位函数,根据OBJ来定位,让DIV定位到OBJ上或者下或者右或者右或者增加偏移量(不规则图形背景) 支持左对齐定位,右对齐定位 另外还有个鼠标判断函数,判断在或者不在OBJ内
div弹出层 定位问题的 处理
div固定在屏幕的一个位置,不随滚动条的拖动而改变位置
这个例子是,div弹出层并且固定位置,弹出层的弹出方式为滑动方式。
div定位
CSS辅助工具,能让你更加快的使用它(中文版本的!)
简洁的介绍了DIV+CSS网页编程定位方法,适合初学者参考。
在用DIV+CSS控制排版过程中,定位一直被人认为是一个难点,在没有深入理解清楚定位的原理时,排出来的杂乱网页常让他们不知所措,下面的教程能让你更深入地了解CSS定位属性
div+css定位代码示例 说明了绝对和相对
实现div重叠的效果在某些情况下还是比较实用的,方法也有很多,在本文为大家介绍下通过绝对定位实现div重叠,想学习的朋友可以了解下
点击页面链接后根据参数调用后台方法,获取数据并显示数据到弹出div上 包含了js调用后台方法,点击链接显示的div定位到链接后面位置
借助CSS定位来实现,你将右下角的那个DIV放在另一个DIV里面,参考代码如下示: 复制代码代码如下: <div id=”box1″> <div id=”box2″>测试内容</div> </div> <style> <!– #box1{width:600px;height:600...
div+css 定位浅析
<div id="box2">相对参照元素进行定位</div><!--相对定位元素--> </div> 从上面代码可以看出box1是box2的父元素(父元素当然也是前辈元素了)。 2、参照定位的元素必须加入position:relative; #box1{ width:200px;...
Div CSS网站布局视频教程第10课_理解CSS定位与div布局
主要介绍了通过position定位实现div底端对齐,感兴趣的朋友可以参考下
最近在做一评论功能,需要能够评论表情,那 contentEditable 这个属性...var _div = document.querySelector('.discuss_area'); var range = document.createRange(); range.selectNodeContents(_div); range.collapse
详解学习DIV+CSS之四-绝对定位和相对定位
div层的使用,div层的基本使用。包括css,div的定位