js滚动图片新闻-白红宇

js滚动图片新闻

阅读量：4158 次

发布时间：2019-05-26

本文共 4838 字，大约阅读时间需要 16 分钟。

<style>

BODY {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND: #000; PADDING-BOTTOM: 0px; MARGIN-LEFT: auto; COLOR: #f6f6ee; MARGIN-RIGHT: auto; PADDING-TOP: 0px; FONT-FAMILY: 宋体; HEIGHT: 490px; TEXT-ALIGN: center

}

A {

COLOR: #fff; TEXT-DECORATION: none

}

A:hover {

COLOR: #fff; TEXT-DECORATION: underline

}

.fpic {

BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; Z-INDEX: 3; BACKGROUND: #000; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 476px; POSITION: relative; HEIGHT: 330px; BORDER-RIGHT-WIDTH: 0px;BORDER: #dddddd 1px solid;

text-align:center

}

.bpic {

FLOAT: left; MARGIN: 0px; WIDTH: 244px; POSITION: relative; HEIGHT: 243px

}

#focpic {

BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; LEFT: 1px; BORDER-BOTTOM-WIDTH: 0px; POSITION: absolute; TOP: 1px; BORDER-RIGHT-WIDTH: 0px

}

.thubpic {

PADDING-RIGHT: 0px; PADDING-LEFT: 4px; Z-INDEX: 20; PADDING-BOTTOM: 0px; WIDTH: 63px; CURSOR: pointer; PADDING-TOP: 4px; TOP: 10px; HEIGHT: 49px

}

.thubpiccur {

PADDING-RIGHT: 0px; PADDING-LEFT: 4px; Z-INDEX: 20; PADDING-BOTTOM: 0px; WIDTH: 63px; CURSOR: pointer; PADDING-TOP: 4px; TOP: 10px; HEIGHT: 49px

}

.thubpiccur {

Z-INDEX: 30; BACKGROUND: url(icon/images20071220/arrow3.gif) no-repeat left 50%

}

.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: 42px

}

.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: 42px

}

.thubpiccur IMG {

BORDER-LEFT-COLOR: #fff; BORDER-BOTTOM-COLOR: #fff; BORDER-TOP-COLOR: #fff; BORDER-RIGHT-COLOR: #fff

}

-->

</style>

//all by

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<6;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=23;

}

else {

focpic.style.visibility = "visible";

focpic.filters[0].transition=23;

}

focpic.filters[0].Play();

stopit();

}

function playnext(){

if(currslid==5){

currslid = 0;

}

else{

currslid++;

};

setfoc(currslid);

playit();

}

function playit(){

slidint = setTimeout(playnext,4500);

}

function stopit(){

clearTimeout(slidint);

}

window.onload = function(){

playit();

}

</SCRIPT>

</head>

<body>

<DIV id=fttltxt

style="MARGIN-TOP: 305px; FLOAT: left; WIDTH: 400px; TEXT-ALIGN: center"><A

href="" target=_blank>梦：牧场小屋</A></DIV>

<DIV class=thubpiccur id=tmb0 οnmοuseοver=setfoc(0); οnmοuseοut=playit();><A

href="" target=_blank><IMG

src="icon/images20071220/01.jpg" alt="" width=56 height=42 border="0"></A></DIV>

<DIV class=thubpic id=tmb1 οnmοuseοver=setfoc(1); οnmοuseοut=playit();><A