action 采用系统自带的样式文件:目前为三种样式: css1 css2 css3 css4
css 为div标签名,目前命名规则是:目前的css样式里面数字用css变量代替
list 显示条数
obj 备用字段
standby 备用字段
xhtml 代码
<div class="bkborder1">
<div class="bkmenu1"><strong>留言调用01</strong><span><a href="#">更多>></a></span></div>
<script language="javascript" type="text/javascript" src="./external.asp?action=css1&css=1&list=5&obj=&standby="></script>
</div>
CSS 代码
.bkborder1 {float:left;margin:4px;}
.bkborder1 {width:220px;border:solid 1px #c5ddbc;background:#fff;text-align:left;font-size:12px;}
.bkmenu1 {height:30px;line-height:30px;background:#edf5ea;border-top:solid 1px #fff;border-left:solid 1px #fff;border-right:solid 1px #fff;border-bottom:solid 1px #c5ddbc;clear:both;}
.bkmenu1 strong{padding-left:10px;display:block;float:left;color:#4A7749;letter-spacing:1px;}
.bkmenu1 span {float:right;display:block;margin-right:6px;display:inline;}
.bkdata1 {}
.bkdiv1 {padding:4px 4px 0px;overflow:hidden;height:50px;border-bottom:1px dashed #DCEBD7;}
.bkdiv1 em {float:left;display:block;width:40px;height:50px;line-height:50px;text-align:center;font-size:30px;color:#d7e3c1;font-weight:bold; font-family:Tahoma,Arial, Helvetica, sans-serif;}
.bkdiv11 {float:left;width:172px;overflow:hidden;}
.bkdiv11 strong {color:#333333;}
.bkdiv12 {float:left;width:70px;}
.bkdiv13 {float:left;width:80px;}
xhtml 代码
<div class="bkborder2">
<div class="bkmenu2"><strong>留言调用02</strong><span><a href="#">更多>></a></span></div>
<script language="javascript" type="text/javascript" src="./external.asp?action=css2&css=2&list=5&obj=&standby="></script>
</div>
CSS 代码.bkborder2 {float:left;margin:4px;}
.bkborder2 {width:220px;border:solid 1px #c5ddbc;background:#fff;text-align:left;font-size:12px;}
.bkmenu2 {height:30px;line-height:30px;background:#edf5ea;border-top:solid 1px #fff;border-left:solid 1px #fff;border-right:solid 1px #fff;border-bottom:solid 1px #c5ddbc;clear:both;}
.bkmenu2 strong{padding-left:10px;display:block;float:left;color:#4A7749;letter-spacing:1px;}
.bkmenu2 span {float:right;display:block;margin-right:6px;display:inline;}
.bkdata2 {}
.bkdiv2 {clear:both;padding:4px 4px 0px;border-bottom:1px dashed #DCEBD7;}
.bkdiv2 dd {line-height:16px;word-break:break-all;word-wrap:break-word;overflow-x:hidden;}
.bkdiv2 dt {line-height:16px;color:#bdbdbd;text-align:right;}
xhtml 代码
<div class="bkborder3">
<div class="bkmenu3"><strong>留言调用03</strong><span><a href="#">更多>></a></span></div>
<script language="javascript" type="text/javascript" src="./external.asp?action=css3&css=3&list=7&obj=&standby="></script>
</div>
CSS 代码.bkborder3 {float:left;margin:4px;}
.bkborder3 {width:220px;border:solid 1px #c5ddbc;background:#fff;text-align:left;font-size:12px;}
.bkmenu3 {height:30px;line-height:30px;background:#edf5ea;border-top:solid 1px #fff;border-left:solid 1px #fff;border-right:solid 1px #fff;border-bottom:solid 1px #c5ddbc;clear:both;}
.bkmenu3 strong{padding-left:10px;display:block;float:left;color:#4A7749;letter-spacing:1px;}
.bkmenu3 span {float:right;display:block;margin-right:6px;display:inline;}
.bkdata3 {}
.bkdata3 li {border-bottom:1px dashed #DCEBD7;padding:4px 4px 0px;}
.bkdata3 em {display:inline;font-weight:bold;float:left;width:20px;text-align:center;background:#e8f0d9;margin-right:5px;color:#4a7749;}
.bkdata3 span {float:right;width:75px;text-align:right;}
xhtml 代码
<div class="bkborder4">
<div class="bkmenu4"><strong>留言调用</strong><span><a href="#">更多>></a></span></div>
<script language="javascript" type="text/javascript" src="./external.asp?action=css4&css=4&list=10&obj=&standby="></script>
</div>
CSS 代码.bkborder4 {float:left;margin:4px;}
.bkborder4 {width:220px;border:solid 1px #c5ddbc;background:#fff;text-align:left;font-size:12px;}
.bkmenu4 {height:30px;line-height:30px;background:#edf5ea;border-top:solid 1px #fff;border-left:solid 1px #fff;border-right:solid 1px #fff;border-bottom:solid 1px #c5ddbc;clear:both;}
.bkmenu4 strong{padding-left:10px;display:block;float:left;color:#4A7749;letter-spacing:1px;}
.bkmenu4 span {float:right;display:block;margin-right:6px;display:inline;}
.bkdata4 {background:url(./images/bkdata4bg.gif) no-repeat 3px 9px;}
.bkdata4 li {border-bottom:1px dashed #DCEBD7;padding:4px 4px 0px;line-height:17px;text-indent:18px;}
.bkdata4 span {float:right;width:75px;text-align:right;}
xhtml 代码
<div class="bkborder5">
<div class="bkmenu5"><strong>留言调用</strong><span><a href="#">更多>></a></span></div>
<script language="javascript" type="text/javascript" src="./external.asp?action=css5&css=5&list=5&obj=&standby="></script>
</div>
CSS 代码.bkborder5 {float:left;margin:4px;}
.bkborder5 {width:220px;border:solid 1px #c5ddbc;background:#fff;text-align:left;font-size:12px;}
.bkmenu5 {height:30px;line-height:30px;background:#edf5ea;border-top:solid 1px #fff;border-left:solid 1px #fff;border-right:solid 1px #fff;border-bottom:solid 1px #c5ddbc;clear:both;}
.bkmenu5 strong{padding-left:10px;display:block;float:left;color:#4A7749;letter-spacing:1px;}
.bkmenu5 span {float:right;display:block;margin-right:6px;display:inline;}
.bkdata5 {}
.bkdiv5 {padding:4px 4px 0px;overflow:hidden;height:50px;border-bottom:1px dashed #DCEBD7;}
.bkdiv5 em {float:left;display:block;width:50px;height:50px;line-height:50px;text-align:center;font-size:30px;color:#d7e3c1;font-weight:bold; font-family:Tahoma,Arial, Helvetica, sans-serif;overflow:hidden;}
.bkdiv5 img {width:40px;height:40px;margin:0px 7px 0 0;display:inline;background:#fff;padding:2px;border:solid 1px #e5e5e5;}
.bkdiv51 {float:left;width:162px;overflow:hidden;}
.bkdiv51 strong {color:#333333;}
.bkdiv52 {float:left;width:70px;}
.bkdiv53 {float:left;width:80px;}