纯碱_纯javascript 仿flash图片切换代码

时间：2016-03-21 来源：站长学院阅读：

提示：您可以先修改部分代码再运行

<!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>
<title>中国站长天空-<a href="http://www.bbyears.com/clist-18-1.html" target="_blank" class="keylink">网页特效</a>-图片特效-带缩略图的图片幻灯切换效果</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">

<style type="text/css">
BODY {
	FONT-SIZE: 9pt; BACKGROUND: #d8d8d8; MARGIN: 0px auto; COLOR: #505050; FONT-FAMILY: 宋体,arial,verdana,sans-serif,fantasy,tahoma; TEXT-DECORATION: none; background1: #c8e4f2
}
A {
	TEXT-DECORATION: none
}
A:link {
	COLOR: #505050; color1: #54564c
}
A:visited {
	COLOR: #505050; color1: #54564c
}
A:hover {
	COLOR: #d40005; TEXT-DECORATION: underline
}
A:active {
	COLOR: #f30
}
IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
.box {
	FLOAT: left; WIDTH: 472px
}
.box .boxpadding {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 8px; PADDING-TOP: 8px
}
#Slide {
	CLEAR: both; BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; MARGIN-BOTTOM: 6px; OVERFLOW: hidden; BORDER-LEFT: #fff 1px solid; WIDTH: 450px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 335px
}
#Slide A {
	COLOR: #000
}
.img {
	BORDER-RIGHT: #fff 1px solid; BACKGROUND: #fff; MARGIN: 0px auto; BORDER-LEFT: #fff 1px solid; TEXT-ALIGN: center
}
.boxpadding {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BACKGROUND: #f8f8f8; MARGIN-BOTTOM: 8px; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #fff 1px solid
}

.thumb_title {
	MARGIN-TOP: 10px; BACKGROUND: #fff; FILTER: alpha(opacity=30); WIDTH: 450px; TEXT-INDENT: 10px; LINE-HEIGHT: 25px; POSITION: absolute; HEIGHT: 25px; -moz-opacity: 0.3
}
#Slide_Thumb {
	MARGIN-TOP: 257px; MARGIN-LEFT: 0px; POSITION: absolute
}
.thumb_on {
	DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 8px; CURSOR: pointer
}
.thumb_off {
	DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 8px; CURSOR: pointer
}
.thumb_off {
	FILTER: alpha(opacity=50); -moz-opacity: 0.5
}
.thumb_on {
	FILTER: alpha(opacity=100); -moz-opacity: 1
}
.thumb_off IMG {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; MARGIN-TOP: 12px; BORDER-LEFT: #fff 1px solid; WIDTH: 75px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 56px
}
.thumb_on IMG {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BORDER-LEFT: #fff 1px solid; WIDTH: 91px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 68px
}
</style>
</head>
<body>

<img  alt="纯javascript 仿flash图片切换代码"  id="focpic" style="FILTER: RevealTrans(duration=1; ransition=12); VISIBILITY: visible; POSITION: absolute; left: 484; top: 94" src="http://filesimg.111cn.net/20091130092407179.jpg" width="450" height="335" />
          图一
          
            <img  alt="纯javascript 仿flash图片切换代码"  alt="图二" src="http://filesimg.111cn.net/20091130092407179.jpg" />
            <img  alt="纯javascript 仿flash图片切换代码"  alt="图二" src="http://filesimg.111cn.net/20091130092414940.jpg" />
            <img  alt="纯javascript 仿flash图片切换代码"  alt="图三" src="http://filesimg.111cn.net/20091130092420203.jpg" />
            <img  alt="纯javascript 仿flash图片切换代码"  alt="图四" src="http://filesimg.111cn.net/20091130092426269.jpg" />
            <img  alt="纯javascript 仿flash图片切换代码"  alt="图五" src="http://filesimg.111cn.net/2009113009243356.jpg" />
<script language=javascript type="text/javascript">
var picarry = {};
var lnkarry = {};
var ttlarry = {};
picarry[0] = "http://filesimg.111cn.net/20091130092407179.jpg";
lnkarry[0] = "#";
ttlarry[0] = "图一";
picarry[1] = "http://filesimg.111cn.net/20091130092414940.jpg";
lnkarry[1] = "#";
ttlarry[1] = "图二";
picarry[2] = "http://filesimg.111cn.net/20091130092420203.jpg";
lnkarry[2] = "#";
ttlarry[2] = "图三";
picarry[3] = "http://filesimg.111cn.net/20091130092426269.jpg";
lnkarry[3] = "#";
ttlarry[3] = "图四";
picarry[4] = "http://filesimg.111cn.net/2009113009243356.jpg";
lnkarry[4] = "#";
ttlarry[4] = "图五";
</script>

</body>
</html>

提示：您可以先修改部分代码再运行

纯碱_纯javascript 仿flash图片切换代码

http://m.bbyears.com/zhanzhangxueyuan/22578.html

推荐访问:纯捡垃圾吃的纯钧纯净水纯电动车纯金纯净水和矿泉水区别纯净的黄金增幅书纯净版系统纯净的魔能结晶怎么获得

上一篇：[百度快速排名qw]百度大更新排名下降原因分析

下一篇：[百度快照推广]百度快照的更新分析