好主机建站-建站不再是梦想

立即注册开通网站

 

售前咨询QQ:599166136
登录官方论坛:http://bbs.letgo.com.cn/
加入建站技术交流群: 广州维派建站交流①

漂亮带缩略图的图片轮换代码

<STYLE>
BODY {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND: #fffff; PADDING-BOTTOM: 0px; MARGIN-LEFT: auto; COLOR: #f6f6ee; MARGIN-RIGHT: auto; PADDING-TOP: 0px; FONT-FAMILY: 宋体; HEIGHT: 490px; TEXT-ALIGN: center
}
A {
    COLOR: #1E90FF; TEXT-DECORATION: none
}
A:hover {
    COLOR: #FF0099 ; TEXT-DECORATION: underline
}
.fpic {
    BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; Z-INDEX: 3; BACKGROUND: #fffff;  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>

<SCRIPT language=javascript>
//all by
www.qpsh.com
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;
 setfoc(currslid);
 playit();
}
function playit(){
 slidint = setTimeout(playnext,4500);
}
function stopit()
window.onload = function()
</SCRIPT>
<DIV class=fpic>
<A id=foclnk href="
http://www.qpsh.com/" target=_blank><IMG id=focpic style="FILTER: RevealTrans ( duration = 1,transition=23 ); VISIBILITY: visible; POSITION: absolute" height=300 alt="" src="http://www.qpsh.com/icon/images20071220/01.jpg" width=400></A>
<DIV id=fttltxt
style="MARGIN-TOP: 305px; FLOAT: left; WIDTH: 400px; TEXT-ALIGN: center"><A
href="
http://www.qpsh.com/" target=_blank>梦:牧场小屋</A></DIV>
<DIV style="MARGIN-LEFT: 402px; WIDTH: 65px">
<DIV class=thubpiccur id=tmb0 onmouseover=setfoc(0); onmouseout=playit();><A
href="
http://www.qpsh.com/" target=_blank><IMG
src="
http://www.qpsh.com/icon/images20071220/01.jpg" alt="" width=56 height=42 border="0"></A></DIV>
<DIV class=thubpic id=tmb1 onmouseover=setfoc(1); onmouseout=playit();><A
href="
http://www.qpsh.com/" target=_blank><IMG height=45 alt=""
src="
http://www.qpsh.com/icon/images20071220/02.jpg" width=56></A></DIV>
<DIV class=thubpic id=tmb2 onmouseover=setfoc(2); onmouseout=playit();><A
href="
http://www.qpsh.com/" target=_blank><IMG height=45 alt=""
src="
http://www.qpsh.com/icon/images20071220/03.jpg" width=56></A></DIV>
<DIV class=thubpic id=tmb3 onmouseover=setfoc(3); onmouseout=playit();><A
href="
http://www.qpsh.com/" target=_blank><IMG height=45 alt=""
src="
http://www.qpsh.com/icon/images20071220/04.jpg" width=56></A></DIV>
<DIV class=thubpic id=tmb4 onmouseover=setfoc(4); onmouseout=playit();><A
href="
http://www.qpsh.com/" target=_blank><IMG height=45 alt=""
src="
http://www.qpsh.com/icon/images20071220/05.jpg" width=56></A></DIV>
<DIV class=thubpic id=tmb5 onmouseover=setfoc(5); onmouseout=playit();><A
href="
http://www.qpsh.com/" target=_blank><IMG height=45 alt=""
src="
http://www.qpsh.com/icon/images20071220/06.jpg" width=56></A></DIV>
<SCRIPT language=javascript type=text/javascript>
var picarry = {};
var lnkarry = {};
var ttlarry = {};
picarry[0] = "
http://www.qpsh.com/icon/images20071220/01.jpg";
lnkarry[0]  = "
http://www.qpsh.com/";
ttlarry[0] = "梦:牧场小屋";
picarry[1] = "
http://www.qpsh.com/icon/images20071220/02.jpg";
lnkarry[1]  = "
http://www.qpsh.com/";
ttlarry[1] = "碎玉:回眸";
picarry[2] = "
http://www.qpsh.com/icon/images20071220/03.jpg";
lnkarry[2]  = "
http://www.qpsh.com/";
ttlarry[2] = "飞狐:豆花档";
picarry[3] = "
http://www.qpsh.com/icon/images20071220/04.jpg";
lnkarry[3]  = "
http://www.qpsh.com/";
ttlarry[3] = "牛说不哭:烈日下的建筑工人";
picarry[4] = "
http://www.qpsh.com/icon/images20071220/05.jpg";
lnkarry[4]  = "
http://www.qpsh.com/";
ttlarry[4] = "新疆瓦格:哈萨克族搭建毡房";
picarry[5] = "
http://www.qpsh.com/icon/images20071220/06.jpg";
lnkarry[5]  = "
http://www.qpsh.com/";
ttlarry[5] = "松间明月:汽车文化";
</SCRIPT>
</DIV></DIV>

-----------------------------------------------------

以下演示

-----------------------------------------------------

 
[文章评论(0)] [ 点击数:] [打印本网页] [关闭本窗口]  

关注广州维派 你建网站,我来埋单!

网络营销之路 我们与您相伴

 

相关内容
  • 天气预报代码 2012-07-31
  • 综合搜索引擎代码 2012-07-31
  • 4大免费图片处理网站 2010-10-17
  • 博客营销提升人气 4大免费图片处理网站 2010-10-10
  • 网页上方固定的图片能修改吗? 2009-12-17
  • 让广告代码不再影响你的网页加载速度 2009-12-17
  • 如何利用QQ相册做图片影集 2009-12-07
  • 连续不间断横向滚动图片代码 2009-09-21
  • 漂亮带缩略图的图片轮换代码 2009-09-20
  •  

     

     

    注册用户须知

    免 责 申 明

    粤ICP备12022451号

     关于我们

     联系我们

     如何支付

    广州维派网络科技有限公司

    (即好主机建站)

    LetGo.com.cn 版权所有

     维派互联 (域名)

     数据中心 (空间)

     维信通 (微营销)

     

    2016最新微营销,维信通正式上线,老用户尊享优惠。

    自助建站  智能建站  企业网站建设  永久免费做网站  易邻网

      网络114企业名录  申请友情链接  

    企业网站建设

    安全狗-arp防火墙/ddosf防火墙

    好主机自助建站

    维信通

    维品生活

    克隆网站

    做网站

    智能建站

    智能网站

    企业建站

      

    网站管理