分享一段首页N格的HTML代码
<head>与</head>之间的代码如下：<script type="text/javascript">
_attachEvent(window, 'load', getForbiddenFormula, document);
function getForbiddenFormula() {
var toGetForbiddenFormulaFIds = function () {
ajaxget('plugin.php?id=cloudsearch&formhash=f600d965');
};
var a = document.body.getElementsByTagName('a');
for(var i = 0;i < a.length;i++){
if(a.getAttribute('sc')) {
a.setAttribute('mid', hash(a.href));
a.onmousedown = function() {toGetForbiddenFormulaFIds();};
}
}
var btn = document.body.getElementsByTagName('button');
for(var i = 0;i < btn.length;i++){
if(btn.getAttribute('sc')) {
btn.setAttribute('mid', hash(btn.id));
btn.onmousedown = function() {toGetForbiddenFormulaFIds();};
}
}
}
</script>
<style type="text/css">
<!--
.kk_xshow {
width:WRAPWIDTH;
margin:10px 0;
padding:29px 0 0 0;
border:1px solid #87BCD8;
background:url('source/plugin/kk_xshow/images/titlebg.png') repeat-x;
}
.kk_xshow table {
background:WRAPBG;
text-align:left;
border:none;
}
.kk_xshow .header td {
text-align:center;
height:25px;
border-bottom:1px solid COMMONBORDER;
}
.kk_xshow .border {
}
.kk_xshow .txt_con td {
padding:5px;
}
.kk_xshow .txt td {
padding:0;
vertical-align:top;
}
.kk_xshow .txt li {
width:100%;
height:20px;
background:url('source/plugin/kk_xshow/images/listbg.gif') repeat-x;
overflow:hidden;
*margin:0 0 0 -16px;
list-style:none
}
.kk_xshow .txt span {
float:right;
}
.kk_xshow .fiveline {
border-top:1px solid COMMONBORDER;
padding: 0 5px;
}
.kk_xshow .fiveline img {
width:48px;
heigth:48px;
}
.kk_xshow .tabs {
cursor:pointer;
margin:-1px 0;
border-left:1px solid COMMONBORDER;
}
.tabs li {
float:left;
margin:0 -1px -1px 0;
position:relative;
float:left;
cursor:pointer;
line-height:28px;
height:28px;
padding:2px 8px;
border-bottom-left-radius: 0px 0px;
border-bottom-right-radius: 0px 0px;
border-top-left-radius: 2px 2px;
border-top-right-radius: 2px 2px;
background:#F4F4F4 repeat-x scroll 0 0;
border:1px solid #DDD;
border-top:1px solid #87BCD8;
display:block;
padding:0 10px;
DXHSUBFONT
}
.kk_xshow .tab_cur {/*选中的子夹*/
cursor:pointer;
font-weight:700;
color:#005DC3;
background:#FFF;
border-bottom-color:#FFF;
margin:0 -1px -1px 0;
position:relative;
}
.popupmenu_popup {
background:none repeat scroll 0 0 #FEFEFE;
border:1px solid #7FCAE2;
overflow:hidden;
padding:5px;
text-align:left;
}
.txt_con {
border-bottom:1px solid #CDCDCD;
}
.kk_xshow .kk_avatar {
float:left;
margin:5px 0 0 0;
width:15px;
border:1px solid #DDDDDD;
text-align:center;
text-valign:center;
display:inline;
-moz-border-radius:2px;
}
.kk_a {
float:left;
margin:0 0 0 4px;
padding:5px 0 0 0;
width:54px;
height:70px;
overflow:hidden;
}
.fonttext {
font-size:12px;
COLOR: red;
FONT-FAMILY: Georgia;
}
.aa, .aa:link {
color: #000000;
text-decoration: none;
font-weight:normal;
}
.aa, .aa:visited {
text-decoration: none;
color: #000000;
font-weight:normal;
}
.aa, .aa:hover {
text-decoration: underline;
color: #FF0000;
font-weight:bold;
}
.aa, .aa:active {
text-decoration: none;
color: #000000;
font-weight:normal;
}
-->
</style>
<script type="text/javascript">
<!--
function xshowShow(id) {
for(i = 1;i <= 5;i++) {
if(i == id){
$('kk_xshow_tab_'+i).className='tab_cur';
$('kk_xshow_cont_'+i).style.display='';
continue;
}try {
$('kk_xshow_tab_'+i).className='tab';
$('kk_xshow_cont_'+i).style.display='none';
}catch(e){
return true;
}
}
}
function eshow(id){
for(i = 1;i <= 2;i++) {
if(i == id){
$('e_tab_'+i).className='tab_cur';
$('e_cont_'+i).style.display='';
continue;
}try {
$('e_tab_'+i).className='tab';
$('e_cont_'+i).style.display='none';
}catch(e){
return true;
}
}
}
//-->
</script>
<body>与</body>之间的代码如下：
<div class="kk_xshow">
<table cellspacing="0" cellpadding="0" width="100%" align="center" style="border-top:1px solid #87BCD8;">
<tr class="header">
<td style="border-bottom:1px solid #DDDDDD;" width="360px;"> </td>
<td class="border"><ul class="tabs">
<li id="kk_xshow_tab_1" class="tab_cur">最新主题</li>
<li id="kk_xshow_tab_2" class="tab" title="查看">最新求助</li>
<li id="kk_xshow_tab_3" class="tab">最新回复</li>
<li id="kk_xshow_tab_4" class="tab">本周热贴</li>
<li id="kk_xshow_tab_5" class="tab"><font color=red>论坛动态</font></li>
<!--论坛动态-->
</ul></td>
<td style="border-left:1px solid #DDDDDD;"><span class="tab_cur">今日发帖排行榜</span>
</ul></td>
</tr>
<tr class="txt_con">
<td><table width="92%" cellpadding="0" cellspacing="0" class="txt">
<tr>
<td><div style="height:200px;overflow:hidden;"><img src="oldbbs/source/plugin/kk_xshow/images/jf.gif" alt="" /></div></td>
<td width="100%"><script type="text/javascript" src="/api.php?mod=js&bid=369"></script>
</td>
</tr>
</table></td>
<td width="50%" class="border" style="border-top:1px solid #DDDDDD;border-left:1px solid #DDDDDD;"><table width="386" cellpadding="0" cellspacing="0" class="txt">
<tr>
<td><div style="height:200px;overflow:hidden;"><img src="oldbbs/source/plugin/kk_xshow/images/list.gif" alt="" /></div></td>
<td width="100%"><!--第1格：最新主题-->
<div id="kk_xshow_cont_1" style="">
<li >
<script type="text/javascript" src="/api.php?mod=js&bid=103"></script>
</li>
</div>
<!--第2格：最新求助-->
<div id="kk_xshow_cont_2" style="display:none;">
<li>
</div>
<!--第3格-->
<div id="kk_xshow_cont_3" style="display:none;">
<li>
<script type="text/javascript" src="/api.php?mod=js&bid=103"></script>
</div>
<!--第4格-->
<div id="kk_xshow_cont_4" style="display:none;">
<li>
<script type="text/javascript" src="/api.php?mod=js&bid=104"></script>
</li>
</div>
<!--第5格-->
<div id="kk_xshow_cont_5" style="display:none;">
<li>
<script type="text/javascript" src="/api.php?mod=js&bid=372"></script>
</li>
</div></td>
</tr>
</table></td>
<!--今日发帖排行榜-->
<td width="18%" valign="top" class="border" style="border-top:1px solid #DDDDDD;border-left:1px solid #DDDDDD;"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" class="txt">
<tr>
<td><div style="height:200px;overflow:hidden;"><img src="oldbbs/source/plugin/kk_xshow/images/list.gif" alt="" /></div></td>
<td width="100%" align="left" valign="top"><div id="kk_xshow_cont_4">
<script type="text/javascript" src="/api.php?mod=js&bid=370"></script>
</div></td>
</tr>
</table></td>
</tr>
</table>
</div>
<!-- kk_xshow end -->
页:
[1]