仿msn首页幻灯 [ecmsinfo]调用。
标签模板15
页面模板内容:[!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--]
列表内容模板:
<DIV class=fpic style="POSITION: relative"><A id=foclnk
href="[!--titleurl--]"><IMG id=focpic
style="FILTER: RevealTrans ( duration = 1，transition=12 ); VISIBILITY: visible; POSITION: absolute"
height=197 alt="[!--oldtitle--]" src="[!--titlepic--]" width=240></A>
<DIV id=fttlbg></DIV>
<DIV id=fttltxt><A
href="[!--titleurl--]">[!--title--]</A></DIV>
<DIV class=thubpiccur id=tmb0 onmouseover=setfoc(0); onmouseout=playit();><A
href="[!--titleurl--]"><IMG height=46
alt="[!--oldtitle--]" src="[!--titlepic--]" width=56></A></DIV>
标签模板13
页面模板内容:[!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--]
列表内容模板:
<DIV class=thubpic id=tmb[!--no.num--] onmouseover=setfoc([!--no.num--]); onmouseout=playit();><A
href="[!--titleurl--]"><IMG height=46
alt="[!--oldtitle--]" src="[!--titlepic--]" width=56></A></DIV>
标签模板16
页面模板内容:[!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--]
列表内容模板:
picarry[0] = "[!--titlepic--]";
lnkarry[0] = "[!--titleurl--]";
ttlarry[0] = "[!--title--]";
标签模板14
页面模板内容:[!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--]
列表内容模板:
picarry[[!--no.num--]] = "[!--titlepic--]";
lnkarry[[!--no.num--]] = "[!--titleurl--]";
ttlarry[[!--no.num--]] = "[!--title--]";
页面调用：
<link href="[!--news.url--]skin/default/css/msn.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="[!--news.url--]e/data/js/script.js"></script>
[ecmsinfo]'selfinfo',1,28,0,2,15,1[/ecmsinfo]
[ecmsinfo]'selfinfo','2,3',28,0,2,13,1[/ecmsinfo]
<SCRIPT language=javascript type=text/javascript>
var picarry = {};var lnkarry = {};var ttlarry = {};
[ecmsinfo]'selfinfo',1,28,0,2,16,1[/ecmsinfo]
[ecmsinfo]'selfinfo','2,3',28,0,2,14,1[/ecmsinfo]
</SCRIPT>
msn.css内容:
.fpic {
BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 10px; BORDER-LEFT: #ccc 1px solid; WIDTH: 242px; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; HEIGHT: 248px
}
#focpic {
LEFT: 1px; POSITION: absolute; TOP: 1px
}
.thubpic {
Z-INDEX: 20; WIDTH: 63px; CURSOR: pointer; PADDING-TOP: 4px; POSITION: absolute; TOP: 194px; HEIGHT: 49px
}
.thubpiccur {
Z-INDEX: 20; WIDTH: 63px; CURSOR: pointer; PADDING-TOP: 4px; POSITION: absolute; TOP: 194px; HEIGHT: 49px
}
.thubpiccur {
Z-INDEX: 30; BACKGROUND: url(http://img1.cn.msn.com/1/arrow2.gif) no-repeat center top
}
.thubpic IMG {
BORDER-RIGHT: #666 3px solid; BORDER-TOP: #666 2px solid; BORDER-LEFT: #666 3px solid; WIDTH: 56px; BORDER-BOTTOM: #666 2px solid; HEIGHT: 45px
}
.thubpiccur IMG {
BORDER-RIGHT: #666 3px solid; BORDER-TOP: #666 2px solid; BORDER-LEFT: #666 3px solid; WIDTH: 56px; BORDER-BOTTOM: #666 2px solid; HEIGHT: 45px
}
.thubpiccur IMG {
BORDER-LEFT-COLOR: #fff; BORDER-BOTTOM-COLOR: #fff; BORDER-TOP-COLOR: #fff; BORDER-RIGHT-COLOR: #fff
}
#tmb0 {
LEFT: 1px
}
#tmb1 {
LEFT: 60px
}
#tmb2 {
LEFT: 120px
}
#tmb3 {
LEFT: 179px
}
#fttlbg {
Z-INDEX: 15; BACKGROUND: #000; FILTER: alpha(opacity=50); LEFT: 1px; WIDTH: 240px; POSITION: absolute; TOP: 164px; HEIGHT: 34px; moz-opacity: 0.5
}
#fttltxt {
FONT-SIZE: 14px; Z-INDEX: 16; LEFT: 1px; WIDTH: 240px; COLOR: #fff; LINE-HEIGHT: 34px; POSITION: absolute; TOP: 164px; TEXT-ALIGN: center
}
#fttltxt A:link {
COLOR: #fff
}
#fttltxt A:hover {
COLOR: #fff
}
#fttltxt A:active {
COLOR: #fff
}
#fttltxt A:visited {
COLOR: #fff
}
script.js内容:
var currslid = 0;
var slidint;
function setfoc(id){
document.getElementById("focpic").src = picarry[id];
document.getElementById("foclnk").href = lnkarry[id];
document.getElementById("fttltxt").innerHTML = "<a href=\""+lnkarry[id]+"\" target=_blank>"+ttlarry[id]+"</a>";
currslid = id;
for(i=0;i<4;i++)
{document.getElementById("tmb"+i).className = "thubpic";
};
document.getElementById("tmb"+id).className ="thubpiccur";
focpic.style.visibility = "hidden";
focpic.filters[0].Apply();
if (focpic.style.visibility == "visible") {
focpic.style.visibility = "hidden";
focpic.filters.revealTrans.transition=12;
}
else {
focpic.style.visibility = "visible";focpic.filters[0].transition=12;
}
focpic.filters[0].Play();
}
function playnext(){
if(currslid==3){
currslid = 0;
}else{
currslid++;
};
setfoc(currslid);
};
function playit(){
//slidint = setInterval(playnext,3500);
};
function stopit(){
clearInterval(slidint);
};
/* vidi */
function vidiexp(id){
for(i=0;i<5;i++){
document.getElementById("vidi_"+i).className = "";
};
document.getElementById("vidi_"+id).className = "exped";
};
演示地址：http://www.steno.org.cn/news/1/
上传以下图片：
|
顶部 
加入收藏夹
2008-08-26 08:20:22 
已设置保密
回复
引用
报告
编辑
删除
