您的位置：首页 > Web前端 > JavaScript

来自互动百科漂亮的JS焦点图代码_网页代码站(www.webdm.cn)

2010-10-23 21:14 796 查看

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type=text/css>
IMG {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}

#lantern_slide {
BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 8px 0px; OVERFLOW: hidden; BORDER-LEFT: #ccc 1px solid; WIDTH: 302px; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 344px
}

#bimg {
FILTER: progid:DXImageTransform.Microsoft.Fade ( duration=0.5,overlap=1.0 ); OVERFLOW: hidden; HEIGHT: 300px
}
#info {
FONT-WEIGHT: bold; FONT-SIZE: 14px; LINE-HEIGHT: 34px; TEXT-ALIGN: center
}
.lkff A {
COLOR: #fff; TEXT-DECORATION: none
}
.lkff A:hover {
COLOR: #fff; TEXT-DECORATION: none
}
#simg {
PADDING-LEFT: 9px
}
#simg DIV {
FONT-SIZE: 12px; BACKGROUND: #d6d6d6; FLOAT: left; WIDTH: 18px; CURSOR: pointer; COLOR: #fff; LINE-HEIGHT: 18px; MARGIN-RIGHT: 1px; HEIGHT: 18px; TEXT-ALIGN: center
}
#simg .f1 {
BACKGROUND: #6f6f6f
}
.dis {
DISPLAY: block
}
.undis {
DISPLAY: none
}
.lkff {
WIDTH: 180px
}

#font_hd {
MARGIN-TOP: 3px; BACKGROUND: #343434; WIDTH: 100%; HEIGHT: 41px
}
#font_hd TD {
OVERFLOW: hidden; HEIGHT: 25px
}
.pic {
OVERFLOW: hidden
}
.pic .dis A {
DISPLAY: block; FONT-SIZE: 262px; VERTICAL-ALIGN: middle; OVERFLOW: hidden; WIDTH: 300px; FONT-FAMILY: Arial; HEIGHT: 300px; TEXT-ALIGN: center
}
.pic .dis A IMG {
MAX-WIDTH: 300px; VERTICAL-ALIGN: middle
}
#font_hd TD A {
FONT-SIZE: 12px; WIDTH: 180px; LINE-HEIGHT: 25px; HEIGHT: 25px
}

</style>
<title>来自互动百科漂亮的JS焦点图代码_网页代码站(www.webdm.cn)</title>
</head>
<body style="text-align:center">

<DIV id=lantern_slide>
<TABLE class="ge" id=ge cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD class="pic" id=bimg>
<DIV class="dis" name="f"><A
href="http://www.webdm.cn/"
target=_blank><IMG alt=网页代码站
src="http://www.webdm.cn/images/20101023/1/01.jpg"></A></DIV>
<DIV class="undis" name="f"><A href="http://www.webdm.cn/"
target=_blank><IMG alt=网页代码站
src="http://www.webdm.cn/images/20101023/1/02.jpg"></A></DIV>
<DIV class="undis" name="f"><A
href="http://www.webdm.cn/"
target=_blank><IMG alt=网页代码站
src="http://www.webdm.cn/images/20101023/1/03.jpg"></A></DIV>
<DIV class="undis" name="f"><A
href="http://www.webdm.cn/"
target=_blank><IMG alt=网页代码站
src="http://www.webdm.cn/images/20101023/1/04.jpg"></A></DIV>
<DIV class="undis" name="f"><A
href="http://www.webdm.cn/"
target=_blank><IMG alt=网页代码站
src="http://www.webdm.cn/images/20101023/1/05.jpg"></A></DIV>
<TABLE id=font_hd cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD class="lkff" id=info>
<DIV class="dis" name="f"><A
href="http://www.webdm.cn/"
target=_blank>www.webdm.cn</A></DIV>
<DIV class="undis" name="f"><A href="http://www.webdm.cn/"
target=_blank>www.webdm.cn</A></DIV>
<DIV class="undis" name="f"><A
href="http://www.webdm.cn/"
target=_blank>www.webdm.cn</A></DIV>
<DIV class="undis" name="f"><A
href="http://www.webdm.cn/"
target=_blank>www.webdm.cn</A></DIV>
<DIV class="undis" name="f"><A
href="http://www.webdm.cn/"
target=_blank>www.webdm.cn</A></DIV></TD>
<TD id=simg>
<DIV class="" onclick=play(x[0],0) name="f">1</DIV>
<DIV class="f1" onclick=play(x[1],1) name="f">2</DIV>
<DIV class="f1" onclick=play(x[2],2) name="f">3</DIV>
<DIV class="f1" onclick=play(x[3],3) name="f">4</DIV>
<DIV class="f1" onclick=play(x[4],4) name="f">5</DIV>
</TD></TR></TBODY></TABLE>
<SCRIPT type=text/javascript>
function getid(o) { return (typeof o == "object") ? o : document.getElementById(o); }
function getNames(obj, name, tij) {
var plist = getid(obj).getElementsByTagName(tij);
var rlist = new Array();
for (i = 0; i < plist.length; ++i) { if (plist[i].getAttribute("name") == name) { rlist[rlist.length] = plist[i]; } }
return rlist;
}

function fiterplay(obj, num, t, name, c1, c2) {
var fitlist = getNames(obj, name, t);
for (i = 0; i < fitlist.length; ++i) {
if (i == num) {
fitlist[i].className = c1;
}
else {
fitlist[i].className = c2;
}
}
}
function play(obj, num) {
var s = getid('simg');
var i = getid('info');
var b = getid('bimg');
try {
with (b) {
filters[0].Apply();
fiterplay(b, num, "div", "f", "dis", "undis");
fiterplay(s, num, "div", "f", "", "f1");
fiterplay(i, num, "div", "f", "dis", "undis");
filters[0].play();
}
}
catch (e) {
fiterplay(b, num, "div", "f", "dis", "undis");
fiterplay(s, num, "div", "f", "", "f1");
fiterplay(i, num, "div", "f", "dis", "undis");
}
}

var autoStart = 0;
var n = 0; var s = getid("simg");
var x = getNames(s, "f", "div");
function clearAuto() { clearInterval(autoStart); };
function setAuto() { autoStart = setInterval("auto(n)", 3000) }
function auto() {

n++;
if (n > (x.length - 1)) {
n = 0;
clearAuto();
}
play(x
, n);

}
function ppp() {
setAuto();

}
ppp();
</SCRIPT>
</TD></TR></TBODY></TABLE></DIV>

<br />
<p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的网页代码下载网站 - 致力为中国站长提供有质量的网页代码！</p>
<p></p>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航