关于dreamweaver中层的使用,问题请教

mywltty 2003-12-20 09:45:35
我现在用了一个层,将所需的表格及图片等放在其中,我是希望将其居网页中间,即居中排放,可是如果显示器为1024*760 居中放后,则在800*600中显示就会在屏幕右边,反之,则在左侧,我注意到,层定位时是用象素定位,因此会出现这样的问题,如果用百分比,又好象不行,不知道大家如果解这样的问题,比较急,请大家回答,万分感谢。


另外,求一个能在屏幕中悬浮的那种飘来飘去的小广告JAVASCRIPT脚 本,多谢!
...全文
25 点赞 收藏 6
写回复
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
mywltty 2003-12-20
对了,上面的代码还是没有解决一个问题,那个浮动的图标会跑出屏幕外面,如何改动,可以只让他在显示区内浮动,还不会跑到边界外面呢
回复
mywltty 2003-12-20
嗯,多谢你啦,后面长的代码解决问题了,多谢,请问我上面的主要的问题,关于层的定位,不管是在什么分辩率下,都可以使层居中显示,有什么好方法吗,多谢了,很急
回复
mywltty 2003-12-20
上面朋友的回复,那个图标不会动啊,我要的是可以来回上下左右飘浮的效果
回复
孟子E章 2003-12-20
<div id="pic1" style="VISIBILITY: visible; WIDTH: 120px; POSITION: absolute; HEIGHT: 80px">
<a href="http://www.yzjy.com.cn/final/english/index.htm" target="_blank"><img

src="http://www.csdn.net/images/csdn.gif" width="219"
height="145" border="0"></a>
</div>
<!-- 此行为注释:可以全部删除。以下不要动,如果修改图片或者链接,只需要修改上面的HTML部分即可 -->
<script language="javascript">
<!-- Begin
var isNS = ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 4));
var _all = '';
var _style = '';
var wwidth, wheight;
var ydir = '++';
var xdir = '++';
var id1, id2, id3;
var x = 1;
var y = 1;
var x1, y1;
if(!isNS) {
_all='all.';
_style='.style';
}

function getwindowsize() {
clearTimeout(id1);
clearTimeout(id2);
clearTimeout(id3);
if (isNS) {
wwidth = window.innerWidth - 55;
wheight = window.innerHeight - 50;
} else {
wwidth = document.body.clientWidth - 55;
wheight = document.body.clientHeight - 50;
}
id3 = setTimeout('randomdir()', 20000);
animate();
}

function randomdir() {
if (Math.floor(Math.random()*2)) {
(Math.floor(Math.random()*2)) ? xdir='--': xdir='++';
} else {
(Math.floor(Math.random()*2)) ? ydir='--': ydir='++';
}
id2 = setTimeout('randomdir()', 20000);
}

function animate() {
eval('x'+xdir);
eval('y'+ydir);
if (isNS) {
pic1.moveTo((x+pageXOffset),(y+pageYOffset))
} else {
pic1.pixelLeft = x+document.body.scrollLeft;
pic1.pixelTop = y+document.body.scrollTop;
}
if (isNS) {
if (pic1.top <= 5+pageYOffset) ydir = '++';
if (pic1.top >= wheight+pageYOffset) ydir = '--';
if (pic1.left >= wwidth+pageXOffset) xdir = '--';
if (pic1.left <= 5+pageXOffset) xdir = '++';
} else {
if (pic1.pixelTop <= 5+document.body.scrollTop) ydir = '++';
if (pic1.pixelTop >= wheight+document.body.scrollTop) ydir = '--';
if (pic1.pixelLeft >= wwidth+document.body.scrollLeft) xdir = '--';
if (pic1.pixelLeft <= 5+document.body.scrollLeft) xdir = '++';
}
id1 = setTimeout('animate()', 30);
}
var pic1=eval('document.'+_all+'pic1'+_style);
window.onload=getwindowsize
window.onresize=getwindowsize
// End -->
</script>
回复
孟子E章 2003-12-20
<DIV ID="oDiv" STYLE="background-color: #0099FF; position: absolute; top:expression(document.body.clientHeight/2 - oDiv.offsetHeight/2); left: expression(document.body.clientWidth/2 - oDiv.offsetWidth/2);">
<img src="http://www.csdn.net/images/csdn.gif">
</DIV>
回复
孟子E章 2003-12-20
<SCRIPT>
window.onload=fnInit;

function fnInit(){
oDiv.style.setExpression("left",
"document.body.clientWidth/2 - oDiv.offsetWidth/2"
);

oDiv.style.setExpression("top",
"document.body.clientHeight/2 - oDiv.offsetHeight/2"
);
}

</SCRIPT>
<DIV ID="oDiv"
STYLE="background-color: #CFCFCF; position: absolute; top: 0; left: 0;"
>
<img src="http://www.csdn.net/images/csdn.gif">
</DIV>
回复
发动态
发帖子
CSS
创建于2007-09-28

5.9w+

社区成员

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
申请成为版主
社区公告
暂无公告