#62001/2/4 11:31:30
不知道阳光用的什么方法...?
我的理解，其实就是对层的document.write()拉,
大家先看看， 看不懂我再解释详细些：）
分两部分实现，首先写一个CSS.js文件,(存到同一目录下)
// str 参数是你要写入页面的该CSS的string,
// writeCSS()中showAlert选项主要用于debug
function css(id,left,top,width,height,color,vis,z,other) {
if (id=="START") return ''
var str = (left!=null && top!=null)? '#'+id+' {position:absolute; left:'+left+'px; top:'+top+'px;' : '#'+id+' {position:relative;'
if (arguments.length>=4 && width!=null) str += ' width:'+width+'px;'
if (arguments.length>=5 && height!=null) {
str += ' height:'+height+'px;'
if (arguments.length<9 || other.indexOf('clip')==-1) str += ' clip:rect(0px '+width+'px '+height+'px 0px);'
}
if (arguments.length>=6 && color!=null) str += (document.layers)? ' layer-background-color:'+color+';' : ' background-color:'+color+';'
if (arguments.length>=7 && vis!=null) str += ' visibility:'+vis+';'
if (arguments.length>=8 && z!=null) str += ' z-index:'+z+';'
if (arguments.length==9 && other!=null) str += ' '+other
str += '}\n'
return str
}
function writeCSS(str,showAlert) {
str = css('START')+str+css('END')
document.write(str)
if (showAlert) alert(str)
}
然后在主页面里写如下代码：
(._.)<title><br><script language="javascript" src="css.js"></script><br><script language="javascript"><br><!--<br><br>var str = ""<br>for (var i=0;i<=5;i++) {<br><!--ubbcodetab--> <!--/ubbcodetab-->for (var j=0;j<=5;j++) {<br><!--ubbcodetab--> <!--/ubbcodetab--><!--ubbcodetab--> <!--/ubbcodetab-->str += css('square'+i+j+'Div',50+j*20+j,50+i*20+i,20,20,'blue')<br><!--ubbcodetab--> <!--/ubbcodetab-->}<br>}<br>writeCSS(str)<br><br>//--><br></SCRIPT><br></HEAD><br><br><BODY BGCOLOR="#FFFFFF"><br><br><script language="javascript"><br><!--<br>var str = ""<br>for (var i=0;i<=5;i++) {<br><!--ubbcodetab--> <!--/ubbcodetab-->for (var j=0;j<=5;j++) {<br><!--ubbcodetab--> <!--/ubbcodetab--><!--ubbcodetab--> <!--/ubbcodetab-->str += '<DIV ID="square'+i+j+'Div"></DIV>\n'<br><!--ubbcodetab--> <!--/ubbcodetab-->}<br>}<br>document.write(str)<br><br>//--><br></SCRIPT><br><br></BODY><br></HTML><br></font><br><br><br>
</div>
<div class='edit_last'>
<p align="right">
<br />
</p>
</div>
<div class="qianming"></div>
</div>
</td>
</tr>
<tr class='tr1'>
<td valign="top" width='18%' class='threadUser'>
<a target="_blank" href="http://mcs2000.5d.cn/"><img class="small" src="http://res.5d.cn/heads/noface.gif"/><br/>无名</a><br />
职务：普通成员<br />
等级：2<br />
金币：10.0<br />
发贴：601<br/>
注册：2001/1/26 6:27:34<br/>
</td>
<td valign="top" class='threadInfo'>
<div class='content_main'>
<div class='edit'>
<ul>
<li><a id="ctl00_ctl00_main_main_rptPosts_ctl06_btnQuote" href="Posting.aspx?action=quote&forum=15&id=30168&id2=31738&id3=7">引用</a></li>
<li></li>
<li></li>
</ul>
</div>
<div class='time'><span>#7</span>2001/2/6 10:16:04</div>
<div class='content_c'>
我想是做两个层：一个确定图片活动的范围，另一个用来放图片，用时间轴来确定该层的活动方式。
</div>
<div class='edit_last'>
<p align="right">
<br />
</p>
</div>
<div class="qianming"></div>
</div>
</td>
</tr>
<tr class=''>
<td valign="top" width='18%' class='threadUser'>
<a target="_blank" href="http://QQlan.5d.cn/"><img class="normal" src="http://res.5d.cn/heads/noface.gif"/><br/>QQlan</a><br />
职务：版主<br />
等级：1<br />
金币：1.0<br />
发贴：158<br/>
注册：2000/9/19 10:35:21<br/>
</td>
<td valign="top" class='threadInfo'>
<div class='content_main'>
<div class='edit'>
<ul>
<li><a id="ctl00_ctl00_main_main_rptPosts_ctl07_btnQuote" href="Posting.aspx?action=quote&forum=15&id=30168&id2=32289&id3=8">引用</a></li>
<li></li>
<li></li>
</ul>
</div>
<div class='time'><span>#8</span>2001/2/7 4:00:00</div>
<div class='content_c'>
邪了, 我去过阳光的主页, 没看懂他要这个效果做什么?<br>我提供的方法, 是允许读者用mouse任意移动图片,<br>同时提供按钮使所有被移动的图片复位,<br>如果用时间轴的话, 就不能交互了.<br><br>但是, 说实话, 我有些糊涂了, 不知道阳光所指的是什么...?
</div>
<div class='edit_last'>
<p align="right">
编辑历史:[这消息被QQlan编辑过(编辑时间2001-02-07 <FONT COLOR=#800080>06:45:42</font>)]<br>
<br />
</p>
</div>
<div class="qianming"></div>
</div>
</td>
</tr>
<tr class='tr1'>
<td valign="top" width='18%' class='threadUser'>
<a target="_blank" href="http://knRMP2.5d.cn/"><img class="small" src="http://res.5d.cn/heads/noface.gif"/><br/>阳光</a><br />
职务：普通成员<br />
等级：2<br />
金币：1.0<br />
发贴：404<br/>
注册：2000/11/28 19:06:03<br/>
</td>
<td valign="top" class='threadInfo'>
<div class='content_main'>
<div class='edit'>
<ul>
<li><a id="ctl00_ctl00_main_main_rptPosts_ctl08_btnQuote" href="Posting.aspx?action=quote&forum=15&id=30168&id2=33969&id3=9">引用</a></li>
<li></li>
<li></li>
</ul>
</div>
<div class='time'><span>#9</span>2001/2/9 10:27:29</div>
<div class='content_c'>
楼上的老兄啊！你不要随便说话好把，那个破主页是我以前做的！！！新主页上传你有空来看看把！ <IMG SRC="images/mad.gif">
</div>
<div class='edit_last'>
<p align="right">
<br />
</p>
</div>
<div class="qianming"></div>
</div>
</td>
</tr>
</table>
<div id="ctl00_ctl00_main_main_Pager2" class="pages"><div class="quotes">每页显示15条 1/1<a disabled="true" class="disabled"> << </a><a disabled="true" class="disabled"><</a><span class="current">1</span><a disabled="true" class="disabled"> >> </a><input type="input" /><input type="button"/ value="GO" onclick="if(!isNaN(this.previousSibling.value))location.href='?forum=15&id=30168&page={0}'.replace('{0}',this.previousSibling.value)"></div></div>
</div>
</form>
<script type="text/javascript">
$('a.delete').click(function(){
return confirm("删除后将不可还原，请再次确认");
});
var init_Script = function() {
try {
var o = GetContent();
o.style.width = '100%';
} catch (e) { }
};
init_Script();
$('#aspnetForm').keyup(function(e) {
if (e.ctrlKey && e.keyCode == 13) {
$('#ctl00_ctl00_main_main_btnSubmit').click();
}
});
</script>
</div>
<div id="footer">
<div class="logo"></div>
<div class="right">
<div class="links">
<ul>
<li><a href="#"><span>使用帮助</span></a></li>
<li>|</li>
<li><a href="#"><span>站务公告</span></a></li>
<li>|</li>
<li><a href="#"><span>咨询求助</span></a></li>
<li>|</li>
<li><a href="#"><span>个人申述</span></a></li>
<li>|</li>
<li><a href="#"><span>关于我们</span></a></li>
<li>|</li>
<li><a href="#"><span>免责声明</span></a></li>
<li>|</li>
<li><a href="#"><span>合作联系</span></a></li>
<li>|</li>
<li><a href="#"><span>版权信息</span></a></li>
<li>|</li>
<li><a href="#"><span>友情链接</span></a></li>
<li>|</li>
<li><a href="http://www.miibeian.gov.cn/CX/main.jsp" target="_blank"><span>ICP许可证:浙ICP备05007613号</span></a></li>
</ul>
<div class="top">
<a href="#container"><span>TOP</span></a>
</div>
</div>
<div class="copyright"> ©5D.cn. 版权所有 </div>
</div>
</div>
</div>
</body>
</html>
