（100分求）将浮动框固定在某个table中变为不可变

将那个DIV移至你已经写好的TABLE里面。

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

        好长的CODE,,help you down!!吧
===============
不是吧！它是用js动态创建的，全在页面的右下角，需求修改js里面的css位置
把 Scroll=true; 改为 Scroll=false;
<html>
<body  onLoad="setTimeout('ClockAndAssign()',2000)"> <form name="where">
</form><table><tr><td>
<div id="OffSet" style="position:absolute;width:60px;height:20px">
<select name="city" size="1" width="100" style="font-family:Arial;font-size:12px;width:100" onchange="lcl(this);nsixampm()">
<option value="" selected>本地时间</option>
<option value="0">London GMT</option>
<option value="1">Rome</option>
<option value="2">Cairo</option>
<option value="3">Moscow</option>
<option value="5">Karachi</option>
<option value="7">Bangkok</option>
<option value="8">Hong Kong</option>
<option value="9">Tokyo</option>
<option value="10">Sydney</option>
<option value="12">Fiji</option>
<option value="-10">Hawaii</option>
<option value="-8">San Francisco</option>
<option value="-7">Arizona</option>
<option value="-5">New York</option>
<option value="-3">Buenos Aires</option>
</select>
</div>
<script language="JavaScript">

</script>
</td></tr></table>
</body>
</html>
刚才有点事，随便说了说（没有详细测试），居然有人就信了？更奇怪的是 LZ 居然就结帖了，也没有测试？在7楼代码的table中，前后各加一个 <tr><td>111111</td></tr>
然后再看效果如果只需要显示时钟，可以用下面的方法：
用iframe，clock.html 里面的代码和 LZ 提供的一模一样，不用修改<html>
<body>
<table>
<tr height="280">
<td>11111111</td>
<td>
<iframe src="clock.html" sroll="no" frameborder="0" width="120"></iframe>
</td>
<td>33333333</td>
<td>44444444</td>
<td>55555555</td>
</tr>
<tr>
<td>11111111</td>
<td>22222222</td>
<td>33333333</td>
<td>44444444</td>
<td>55555555</td>
</tr>
</table>
</body>
</html>
如果需要取时钟的值进行操作，父窗口操作子窗口元素就行了
帮LZ优化了一下代码，你的要求也达到了，只要移动div id="time"就好了<body onLoad="setTimeout(ClockAndAssign,2000)">
<div id="time">
<select name="timeZone" size="1" width="100" style="font-family:Arial;font-size:12px;width:100" onchange="lcl(this);">
<option value="" selected>本地时间</option>
<option value="0">London GMT</option>
<option value="1">Rome</option>
<option value="2">Cairo</option>
<option value="3">Moscow</option>
<option value="5">Karachi</option>
<option value="7">Bangkok</option>
<option value="8">Hong Kong</option>
<option value="9">Tokyo</option>
<option value="10">Sydney</option>
<option value="12">Fiji</option>
<option value="-10">Hawaii</option>
<option value="-8">San Francisco</option>
<option value="-7">Arizona</option>
<option value="-5">New York</option>
<option value="-3">Buenos Aires</option>
</select>
<div id="bell" style="position:relative;"></div>
</div>
<script language="JavaScript">
function $(id){
return document.getElementById(id);
}
var bell = $("bell");

ns = (document.layers);
ns6 = (document.getElementById && !document.all);
ie = (document.all);

var
// Colors
_color = {
civ: '#000000', //12 color.
dot: '#dddddd', //dot color.
h: '#0000ff', //hours color.
m: '#0000ff', //minutes color.
s: '#ff0000', //seconds color.
ampm: '#eeeeee' //am-pm color.
},
//Alter nothing below! Alignments will be lost!
h = 3, m = 4, s = 5,
civ = '1 2 3 4 5 6 7 8 9 10 11 12'.split(' '),
n = civ.length, e = 360 / n,
ClockHeight = 30, ClockWidth = 30,
HandHeight = ClockHeight / 4, HandWidth = ClockWidth / 4,
f12 = '<font face="Arial" size="1" color="' + _color.civ + '">',
zone = 0,
isitlocal = true,
ampm = '',
n6timer = null;
bell.innerHTML += "<div id='disp' style='position:absolute;width:50px;height:20px;text-align:center'></div>";
for (i = 0; i < n; i++) {
bell.innerHTML += '<div id="Civ' + i + '" style="position:absolute;width:15px;height:15px;text-align:center;color:#0000dd">' + f12 + civ[i] + '</font></div>';
}
for (i = 0; i < n; i++) {
bell.innerHTML += '<div id="D' + i + '" style="position:absolute;width:2px;height:2px;font-size:2px;background:' + _color.dot + '"></div>';
}
for (i = 0; i < h; i++) {
bell.innerHTML += '<div id="H' + i + '" style="position:absolute;width:2px;height:2px;font-size:2px;background:' + _color.h + '"></div>';
}
for (i = 0; i < m; i++) {
bell.innerHTML += '<div id="M' + i + '" style="position:absolute;width:2px;height:2px;font-size:2px;background:' + _color.m + '"></div>';
}
for (i = 0; i < s; i++) {
bell.innerHTML += '<div id="S' + i + '" style="position:absolute;width:2px;height:2px;font-size:2px;background:' + _color.s + '"></div>';
}

function lcl(z){
zone = z.options[z.selectedIndex].value;
isitlocal = (z.options[0].selected) ? true : false;
clearTimeout(n6timer);
}

var disp = $('disp');
function ClockAndAssign(){
var x = 45, y = 50,
now = new Date(),
ofst = now.getTimezoneOffset() / 60,
secs = now.getSeconds(), sec = -1.57 + Math.PI * secs / 30,
mins = now.getMinutes(), min = -1.57 + Math.PI * mins / 30,
hr = (isitlocal) ? now.getHours() : (now.getHours() + parseInt(ofst)) + parseInt(zone),
hrs = -1.575 + Math.PI * hr / 6 + Math.PI * parseInt(now.getMinutes()) / 360;

disp.style.top = y - 17;
disp.style.left = x - 24;

for (i = 0; i < s; i++) {
var d1 = $('S' + i).style;
d1.top = y + (i * HandHeight) * Math.sin(sec);
d1.left = x + (i * HandWidth) * Math.cos(sec)
}
for (i = 0; i < m; i++) {
var d2 = $('M' + i).style;
d2.top = y + (i * HandHeight) * Math.sin(min);
d2.left = x + (i * HandWidth) * Math.cos(min)
}
for (i = 0; i < h; i++) {
var d3 = $('H' + i).style;
d3.top = y + (i * HandHeight) * Math.sin(hrs);
d3.left = x + (i * HandWidth) * Math.cos(hrs)
}
for (i = 0; i < n; i++) {
var d4 = $('D' + i).style;
d4.top = y + ClockHeight * Math.sin(-1.0471 + i * e * Math.PI / 180);
d4.left = x + ClockWidth * Math.cos(-1.0471 + i * e * Math.PI / 180)
}
for (i = 0; i < n; i++) {
var d5 = $('Civ' + i).style;
d5.top = y - 6 + ClockHeight * 1.4 * Math.sin(-1.0471 + i * e * Math.PI / 180);
d5.left = x - 6 + ClockWidth * 1.4 * Math.cos(-1.0471 + i * e * Math.PI / 180)
}
disp.innerHTML = "<font face='Arial' size='6' color='" + _color.ampm + "'>" + ampm + "</font>";
setTimeout('ClockAndAssign()', 100);
}
</script>
</body>

（100分求）将浮动框固定在某个table中 变为不可变

解决方案 »

（100分求）将浮动框固定在某个table中变为不可变