SS图文混排调用+悬停换色代码

wpflove111 · 发表于 2009-6-16 17:03:59

本帖最后由 wpflove111 于 2009-6-16 17:17 编辑

<script type="text/javascript">
<!--
function onloadEvent(func){
var one=window.onload
if(typeof window.onload!='function'){
window.onload=func
}
else{
window.onload=function(){
one();
func();
}
}
}
function showtable(){
var tableid='table'; //表格的id
var overcolor='#c0e2f2'; //鼠标经过颜色
var color1='#ffffff'; //第一种颜色
var color2='#ffffff'; //第二种颜色
var tablename=document.getElementById(tableid)
var dl=tablename.getElementsByTagName("dl")
for(var i=1 ;i<dl.length;i++){
dl[i].onmouseover=function(){
this.style.backgroundColor=overcolor;
}
dl[i].onmouseout=function(){
if(this.rowIndex%2==0){
this.style.backgroundColor=color1;
}else{
this.style.backgroundColor=color2;
}
}
if(i%2==0){
dl[i].className="color1";
}else{
dl[i].className="color2";
}
}
}
onloadEvent(showtable);
-->
</script>
<style>
.huangye_list {padding:10px 10px 10px 10px;}
.huangye_list dl{ height:100px;padding:10px 10px 10px 10px; width:645px; margin:0 10px 10px; color:#444; border-bottom:#999 1px dashed; overflow:hidden}
.huangye_list dl dt{ float:left; height:100px; width:100px; margin-right:20px;}
.huangye_list dl dt img{ width:90px; height:90px; padding:2px; background:#fff; border:#999 1px solid}
.huangye_list dl div{ float:left; height:100px; width:300px;}
.huangye_list dl h4{text-align:left; line-height:25px; height:25px;width:300px; overflow: hidden; font-weight:normal; color:#0a2bb6}
.huangye_list dl h4 a{color:#0a2bb6;}
.huangye_list dl dd{ float:left; width:300px; height:98px; overflow:hidden}
.huangye_list dl dd.time{ width:100px; float:right; height:100px; line-height:100px; }
.huangye_list dl dd.jg{ line-height:100px; float:right; margin:0 10px; height:100px; width:50px;}
.paixuselect{ position:relative; top:5px; right:30px;}
* + html .paixuselect{ position:relative; top:3px; right:40px;}
* html .paixuselect{ position:relative; top:5px; right:-5px;}
.category_menu_search{ padding:0; margin:0;}
.category_menu_search h3{ line-height:30px; padding:0 10px; background:#c0e2f2; border-bottom:#999 1px dashed}
.category_menu_search ul{}
.category_menu_search ul li{ float:left; padding:5px; line-height:30px; font-weight:bold}
</style>
<div id="table" class="huangye_list clearfix" >
<dl style="height:1px; padding:0; margin:0; overflow:hidden; border:none"></dl>
<dl>
<dt class="clearfix">
<a href="$url"><img src="./attachments/$img" align="left" class="img_max300"/></a>
</dt>
<dd>
<div class="clearfix">
<h4><a href="$url">$subject</a></h4>
$message
</div>
<dd class="time"><span class="fgreen listtime">
刚刚发布一小时前两小时前三小时前四小时前五小时前六小时前七小时前八小时前九小时前十小时前半晌前十五小时前一天前两天前三天前#date("Y年m月d日", $value[dateline])#</span></dd>
</dd>
</dl>
</div>

复制代码

说明：前缀必须为默认附件目录默认  如果未按默认安装请修改
<img src="./attachments  为你的路径
supe_attachments  数据表前缀

wei877363623 · 发表于 2009-6-16 17:13:23

\

看不懂！

bwjt123456789 · 发表于 2009-6-16 17:44:57

这个帖子必火

创业网，http://cy.maidiansha.net/

x2x2x新号 · 发表于 2009-6-16 17:48:23

提示: 作者被禁止或删除内容自动屏蔽

wpflove111 · 发表于 2009-6-16 18:13:07

呵呵我菜的很

卷毛和草包 · 发表于 2009-7-28 16:27:57

楼主写的步骤太少了，真的有点搞不明白

yushine · 发表于 2009-7-28 18:48:22

呵呵友情顶帖

shwxwl · 发表于 2009-7-28 22:09:50

不错。很全面

fanzhurong · 发表于 2009-8-30 06:28:17

如何分类？，这样是显示所有资讯信息，没有分类啊，，这个如果放在资讯列表，就会变成，所有资讯下栏目显示的信息都变成一样

wpflove111 · 发表于 2009-10-22 16:46:03

在这里加个ID就可以了
显示指定ID的信息红色部分

		自动登录	找回密码
密码			立即注册

[分享] SS图文混排调用+悬停换色代码