javascript 控制图片播放

最新推荐文章于 2023-09-21 22:55:09 发布

快乐无边

最新推荐文章于 2023-09-21 22:55:09 发布

阅读量1k

点赞数

分类专栏： DHTML类 CSS类 Javascript类文章标签： javascript function div float xhtml html

本文链接：https://blog.csdn.net/cdefu/article/details/4285138

版权

Javascript类同时被 3 个专栏收录

112 篇文章 0 订阅

订阅专栏

DHTML类

103 篇文章 0 订阅

订阅专栏

CSS类

53 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>无标题文档</title>

img {border:0;}

.photo {width:310px;height:280px;border-top:0;border-right:2px solid #9f9fa1;border-bottom:1px solid #9f9fa1;border-left:2px solid #9f9fa1;font-size:12px;}

.photo .left {width:310px;height:222px;margin:0 5px;}

.photo .left img {width:310px;height:250px;}

.photo ul li {float:left;list-style-type:none;width:140px;height:135px;}

.photo ul li img {width:130px;height:115px;border:1px solid #999;}

.photo ul li div {line-height:19px;height:19px;overflow:hidden;}

#fc {filter:progid:DXImageTransform.Microsoft.Fade (duration=0.5,overlap=1.0);}

#con,#num {height:20px;line-height:20px;overflow:hidden;}

#con {float:left;width:200px;text-align:center;}

#num {float:right;width:110px;}

#num span {cursor:pointer;width:15px;height:15px;display:block;float:left;margin:0 1px;line-height:16px;overflow:hidden;margin-top:2px;text-align:center;}

.bigon{background:url("numon.gif");color:#fff;} /*长为15px 宽为15px*/

.bigoff{background:url("numoff.gif");color:#000;}

</style>

</head>

<body>

<div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<a href="read-htm-tid-173921.html" target="_blank">2009年昆山第三届徒步大会昆坛会员合影</a>

</div>

<a href="read-htm-tid-172063.html" target="_blank">昆坛会员相聚阳澄湖畔野炊活动</a>

</div>

<a href="read-htm-tid-190837.html" target="_blank">昆坛大合唱“相亲相爱一家人”家人风采</a>

</div>

<a href="read-htm-tid-151299.html" target="_blank">“我是女生”昆山论坛网友秀</a>

</div>

<a href="read-htm-tid-116979.html" target="_blank">昆山首届万圣节系列图片大放送</a>

</div>

</div>

</body>

</html>

kshot.js文件

var n=0;

var showNum = document.getElementById("num");

var showNums = document.getElementById("num").getElementsByTagName("span");

function Mea(value){

n=value;

setBg(value);

plays(value);

cons(value);

}

function setBg(value){

for(var i=0;i<showNums.length;i++)

if(value==i){

showNum.getElementsByTagName("span")[i].className='bigon';

}

else{

showNum.getElementsByTagName("span")[i].className='bigoff';

}

function plays(value){

try

{

with (fc)

{

filters[0].Apply();

for(i=0;i<showNums.length;i++)i==value?children[i].style.display="block":children[i].style.display="none";

filters[0].play();

}

catch(e)

{

var divlist = document.getElementById("fc").getElementsByTagName("div");

for(i=0;i<showNums.length;i++)

{

i==value?divlist[i].style.display="block":divlist[i].style.display="none";

}

function cons(value){

try

{

with (con)

{

for(i=0;i<showNums.length;i++)i==value?children[i].style.display="block":children[i].style.display="none";

}

catch(e)

{

var divlist = document.getElementById("con").getElementsByTagName("div");

for(i=0;i<showNums.length;i++)

{

i==value?divlist[i].style.display="block":divlist[i].style.display="none";

}

function setAuto(){autoStart=setInterval("auto(n)", 5000)}

function clearAuto(){clearInterval(autoStart)}

function auto(){

n++;

if(n>showNums.length-1)n=0;

Mea(n);

}

function sub(){

n--;

if(n<0)n=showNums.length-1;

Mea(n);

}

setAuto();

快乐无边

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
javascript 控制图片播放

无标题文档img {border:0;}.photo {width:310px;height:280px;border-top:0;border-right:2px solid #9f9fa1;border-bottom:1px solid #9f9fa1;border-left:2px solid #9f9fa1;font-size:12px;}.pho
复制链接

扫一扫

专栏目录