#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/>
</td>
<td valign="top" class='threadInfo'>
<div class='content_main'>
<div class='edit'>
<ul>
<li><a id="_ctl0__ctl0_main_main_rptPosts__ctl6_btnQuote" href="/User/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/>
</td>
<td valign="top" class='threadInfo'>
<div class='content_main'>
<div class='edit'>
<ul>
<li><a id="_ctl0__ctl0_main_main_rptPosts__ctl7_btnQuote" href="/User/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/>
</td>
<td valign="top" class='threadInfo'>
<div class='content_main'>
<div class='edit'>
<ul>
<li><a id="_ctl0__ctl0_main_main_rptPosts__ctl8_btnQuote" href="/User/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="_ctl0__ctl0_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" class="input" /><input type="button"/ class="go" value="GO" onclick="if(this.previousSibling.value && !isNaN(this.previousSibling.value)){location.href='?forum=15&id=30168&page={0}'.replace('{0}',this.previousSibling.value)}"></div></div>
<table id="_ctl0__ctl0_main_main_QuickPostForm" class="FastRe mainTable">
<tr>
<td valign="top" style="width:150px;">
<b></b>
</td>
<td valign="top">
<b>在 回复主题:请教！！！</b>
</td>
</tr>
<tr>
<td align="right">
</td>
</tr>
<tr>
<td valign="top" nowrap="nowrap" align="right">
<b>正文：</b>
</td>
<td valign="top" class="fck">
<script type='text/javascript' src="/ubbeasy/UbbFun_v2.0.js" charset="gb2312" language='javascript'></script>
<link href="/ubbeasy/i5D_editor.css" rel="stylesheet" type="text/css" />
<div id="ubbeditor">
<table class="btn_tools">
<tr>
<td><img onclick="ubbFormat('b','要使用粗体的文字',EditMethod)" src="/ubbeasy/images/ico_Bold.gif" alt="加粗" /></td>
<td><img onclick="ubbFormat('u','要使用下划线的文字',EditMethod)" src="/ubbeasy/images/ico_Underline.gif" alt="下划线" /></td>
<td><img onclick="S(true,'SPC');" onmouseout="H(500,'SPC')" src="/ubbeasy/images/ico_color.gif" alt="文本颜色" /><table id="SPC" onmouseover="S(true,'SPC')" onmouseout="H(500,'SPC')" class="colorpalette" style="display:none;">
<tr>
<td><a href="javascript:void(0);" onclick="chcolor('Black',EditMethod);H(0,'SPC');" style="background:Black"><img src="/ubbeasy/images/alpha.gif" alt="" /></a></td>
<td><a href="javascript:void(0);" onclick="chcolor('White',EditMethod);H(0,'SPC');" style="background:White"><img src="/ubbeasy/images/alpha.gif" alt="" /></a></td>
<td><a href="javascript:void(0);" onclick="chcolor('Red',EditMethod);H(0,'SPC');" style="background:Red"><img src="/ubbeasy/images/alpha.gif" alt="" /></a></td>
<td><a href="javascript:void(0);" onclick="chcolor('Yellow',EditMethod);H(0,'SPC');" style="background:Yellow"><img src="/ubbeasy/images/alpha.gif" alt="" /></a></td>
</tr>
<tr>
<td><a href="javascript:void(0);" onclick="chcolor('Gray',EditMethod);H(0,'SPC');" style="background:Gray"><img src="/ubbeasy/images/alpha.gif" alt="" /></a></td>
<td><a href="javascript:void(0);" onclick="chcolor('Silver',EditMethod);H(0,'SPC');" style="background:Silver"><img src="/ubbeasy/images/alpha.gif" alt="" /></a></td>
<td><a href="javascript:void(0);" onclick="chcolor('Maroon',EditMethod);H(0,'SPC');" style="background:Maroon"><img src="/ubbeasy/images/alpha.gif" alt="" /></a></td>
<td><a href="javascript:void(0);" onclick="chcolor('Olive',EditMethod);H(0,'SPC');" style="background:Olive"><img src="/ubbeasy/images/alpha.gif" alt="" /></a></td>
</tr>
<tr>
<td><a href="javascript:void(0);" onclick="chcolor('Lime',EditMethod);H(0,'SPC');" style="background:Lime"><img src="/ubbeasy/images/alpha.gif" alt="" /></a></td>
<td><a href="javascript:void(0);" onclick="chcolor('Aqua',EditMethod);H(0,'SPC');" style="background:Aqua"><img src="/ubbeasy/images/alpha.gif" alt="" /></a></td>
<td><a href="javascript:void(0);" onclick="chcolor('Blue',EditMethod);H(0,'SPC');" style="background:Blue"><img src="/ubbeasy/images/alpha.gif" alt="" /></a></td>
<td><a href="javascript:void(0);" onclick="chcolor('Fuchsia',EditMethod);H(0,'SPC');" style="background:Fuchsia"><img src="/ubbeasy/images/alpha.gif" alt="" /></a></td>
</tr>
<tr>
<td><a href="javascript:void(0);" onclick="chcolor('Green',EditMethod);H(0,'SPC');" style="background:Green"><img src="/ubbeasy/images/alpha.gif" alt="" /></a></td>
<td><a href="javascript:void(0);" onclick="chcolor('Teal',EditMethod);H(0,'SPC');" style="background:Teal"><img src="/ubbeasy/images/alpha.gif" alt="" /></a></td>
<td><a href="javascript:void(0);" onclick="chcolor('Navy',EditMethod);H(0,'SPC');" style="background:Navy"><img src="/ubbeasy/images/alpha.gif" alt="" /></a></td>
<td><a href="javascript:void(0);" onclick="chcolor('Purple',EditMethod);H(0,'SPC');" style="background:Purple"><img src="/ubbeasy/images/alpha.gif" alt="" /></a></td>
</tr>
</table></td>
<td><img onclick="ubbFormat('center','居中对齐',EditMethod)" src="/ubbeasy/images/ico_center.gif" alt="居中" /></td>
<td><img onclick="churl(EditMethod)" src="/ubbeasy/images/ico_link.gif" alt="插入链接" /></td>
<td><img onclick="ubbFormat('Google','要搜索的关键词',EditMethod)" src="/ubbeasy/images/ico_googlelink.gif" alt="建立Google搜索链接" /></td>
<td><img onclick="ubbFormat('img','要插入的图片的URL地址',EditMethod)" src="/ubbeasy/images/ico_image.gif" alt="插入图片" /></td>
<td><img onclick="ubbFormat('quote','',EditMethod)" src="/ubbeasy/images/ico_quote.gif" alt="引用文本" /></td>
</tr>
</table>
<DIV class=editor_text>
<textarea onmouseup="checkMessage();" onkeyup="checkMessage();" onblur="checkMessage();" style="WIDTH: 600px; HEIGHT: 150px" name="Message" id="smallEditer" ></textarea>
<div id='editor_status'> </div>
</div>
<div class="btn_face">
<img onclick="chFace(':e_han')" src="/ubbeasy/face/e_han.gif" alt="汗" />
<img onclick="chFace(':e_xin')" src="/ubbeasy/face/e_xin.gif" alt="喜欢" />
<img onclick="chFace(':e_xiao')" src="/ubbeasy/face/e_xiao.gif" alt="骄傲的笑" />
<!--<img onclick="chFace(':e_ganga')" src="/ubbeasy/face/e_ganga.gif" alt="尴尬" />
<img onclick="chFace(':e_shuijiao')" src="/ubbeasy/face/e_shuijiao.gif" alt="困了" />-->
<img onclick="chFace(':e_ku')" src="/ubbeasy/face/e_ku.gif" alt="哭" />
<img onclick="chFace(':e_cool')" src="/ubbeasy/face/e_cool.gif" alt="酷!" />
<img onclick="chFace(':e_nu')" src="/ubbeasy/face/e_nu.gif" alt="愤怒" />
<img onclick="chFace(':e_heixian')" src="/ubbeasy/face/e_heixian.gif" alt="黑线" />
<img onclick="chFace(':e_wen')" src="/ubbeasy/face/e_wen.gif" alt="什么?" />
<img onclick="chFace(':e_shan')" src="/ubbeasy/face/e_shan.gif" alt="猥琐" />
<img onclick="chFace(':e_touxiao')" src="/ubbeasy/face/e_touxiao.gif" alt="偷笑" />
<img onclick="chFace(':e_wuyu')" src="/ubbeasy/face/e_wuyu.gif" alt="无语" />
<img onclick="chFace(':e_yun')" src="/ubbeasy/face/e_yun.gif" alt="晕" />
<img onclick="chFace(':e_chijing')" src="/ubbeasy/face/e_chijing.gif" alt="吃惊" />
<img onclick="chFace(':e_youhuo')" src="/ubbeasy/face/e_youhuo.gif" alt="诱惑" />
<br />
<IMG onclick='chFace(":)")' alt=smile src="/ubbeasy/face/smile.gif" border=0>
<IMG onclick='chFace(":(")' alt=frown src="/ubbeasy/face/frown.gif" border=0>
<IMG onclick='chFace(":o")' alt=redface src="/ubbeasy/face/redface.gif" border=0>
<IMG onclick='chFace(":D")' alt=biggrin src="/ubbeasy/face/biggrin.gif" border=0>
<IMG onclick='chFace(";)")' alt=wink src="/ubbeasy/face/wink.gif" border=0>
<IMG onclick='chFace(":rolleyes:")' alt=rolleyes src="/ubbeasy/face/rolleyes.gif" border=0>
<IMG onclick='chFace(":mad:")' alt=mad src="/ubbeasy/face/mad.gif" border=0>
<IMG onclick='chFace(":eek:")' alt=eek src="/ubbeasy/face/eek.gif" border=0>
<span class='cf_closesmile'><input class='cbox' type='checkbox' id='closesmile'/>禁止笑脸转换</span>
</div>
<script type='text/javascript' language='javascript' >
//if(typeof(SetContentId)=="function")
if(typeof(SetContentId)=='function')
{
SetContentId('smallEditer');
}
</script>
<script type='text/javascript' language='javascript' src='http://www.5d.cn/script/ValidatorScript.js' ></script>
</div>
<br/>
<b>提示：</b>按 Ctrl+Enter 快速提交<br />
</td>
</tr>
<tr>
<td colspan="2" align="center"> <input type="submit" name="_ctl0:_ctl0:main:main:btnSubmit" value=" 快速回复 " id="_ctl0__ctl0_main_main_btnSubmit" accesskey="A" />
<input type="submit" name="_ctl0:_ctl0:main:main:_ctl12" value=" 切换到完整回复 " /></td>
</tr>
</table>
</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) {
$('#_ctl0__ctl0_main_main_btnSubmit').click();
}
});
</script>
<div style='margin:2px auto;border:#ccc solid 1px;text-align:center; width:972px;'>
<script type="text/javascript">
google_ad_client = "pub-4239440736845119";
/* 728x90, 创建于 08-9-8 */
google_ad_slot = "0765827036";
google_ad_width = 728;
google_ad_height = 90;
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</div>
</div>
<div class="i5D_footer"><a href="#">关于我们</a> | <a href="#">免责声明</a> | <a href="#">合作联系</a> | <a href="#">版权信息</a> | <a href="#">友情链接</a> | <a href="http://www.miibeian.gov.cn/CX/main.jsp"> ICP许可证:浙ICP备05007613号</a><br />
©1999-2008 5D.cn. 版权所有
<br />
<a href="http://ulic.baidu.com/client/clientDetailCerInfo.do?id=914" target="_blank">
<img src="http://ulic.baidu.com/unlicpic/11448_green.gif" border="0" alt="百度大联盟认证绿色会员" /></a> </div>
</body>
</html>
