收藏 分销(赏)

网页制作动态图片效果源代码.doc

上传人:可**** 文档编号:753995 上传时间:2024-03-04 格式:DOC 页数:5 大小:33KB 下载积分:11 金币
下载 相关 举报
网页制作动态图片效果源代码.doc_第1页
第1页 / 共5页
网页制作动态图片效果源代码.doc_第2页
第2页 / 共5页


点击查看更多>>
资源描述
______________________________________________________________________________________________________________ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <SCRIPT language=javascript> 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> <script language="javascript"> var rows = document.getElementsByTagName('tr'); for (var i=0;i<rows.length;i++){ rows[i].onmouseover = function(){ //鼠标指针在行上面的时候 this.className = 'hover'; } rows[i].onmouseout = function(){ //鼠标指针离开时 this.className = ''; } } </script> <div id="position12"><A id=foclnk href=" target=_blank> <IMG id=focpic style="FILTER: RevealTrans ( duration = 1,transition=23 ); POSITION: absolute" height=300 alt="" src="hh1.jpg" width=400> </A> <DIV class=fpic> <DIV id=fttltxt style="MARGIN-TOP: 305px; FLOAT: left; WIDTH: 400px; TEXT-ALIGN: center"> <A href="goods.jsp?id=17" target=_blank>iphone4</A> </DIV> <DIV style="MARGIN-LEFT: 402px; WIDTH: 65px"> <DIV class=thubpic id=tmb0 onmouseover=setfoc(0); onmouseout=playit();> <A href="goods.jsp" target=_blank> <IMG src="picture/11.jpg" alt="" width=56 height=45 > </A> </DIV> <DIV class=thubpic id=tmb1 onmouseover=setfoc(1); onmouseout=playit();> <A href="goods.jsp" target=_blank> <IMG height=45 alt="" src="picture/12.jpg" width=56 height=45> </A> </DIV> <DIV class=thubpic id=tmb2 onmouseover=setfoc(2); onmouseout=playit();> <A href="goods.jsp" target=_blank> <IMG height=45 alt="" src="picture/22.jpg" width=56> </A> </DIV> <DIV class=thubpic id=tmb3 onmouseover=setfoc(3); onmouseout=playit();> <A href="goods.jsp" target=_blank><IMG height=45 alt="" src="picture/21.jpg" width=56></A></DIV> <DIV class=thubpic id=tmb4 onmouseover=setfoc(4); onmouseout=playit();><A href="goods.jsp" target=_blank><IMG height=45 alt="" src="picture/32.jpg" width=56></A></DIV> <DIV class=thubpic id=tmb5 onmouseover=setfoc(5); onmouseout=playit();><A href="goods.jsp" target=_blank><IMG height=45 alt="" src="picture/31.jpg" width=56></A></DIV> <SCRIPT language=javascript type=text/javascript> var picarry = {}; var lnkarry = {}; var ttlarry = {}; picarry[0] = "picture/11.jpg"; lnkarry[0] = "goods.jsp?id=24"; ttlarry[0] = "iphone4"; picarry[1] = "picture/12.jpg"; lnkarry[1] ="goods.jsp?id=24"; ttlarry[1] = "iphone4"; picarry[2] = "picture/22.jpg"; lnkarry[2] = "goods.jsp?id=24"; ttlarry[2] = "iphone4"; picarry[3] = "picture/21.jpg"; lnkarry[3] = "goods.jsp?id=24"; ttlarry[3] = "iphone4"; picarry[4] = "picture/32.jpg"; lnkarry[4] = "goods.jsp?id=24"; ttlarry[4] = "iphone4"; picarry[5] = "picture/31.jpg"; lnkarry[5] ="goods.jsp?id=24"; ttlarry[5] = "iphone4"; </SCRIPT> </BODY> </HTML> Welcome To Download !!! 欢迎您的下载,资料仅供参考! 精品资料
展开阅读全文

开通  VIP会员、SVIP会员  优惠大
下载10份以上建议开通VIP会员
下载20份以上建议开通SVIP会员


开通VIP      成为共赢上传

当前位置:首页 > 通信科技 > 网页设计/美工

移动网页_全站_页脚广告1

关于我们      便捷服务       自信AI       AI导航        抽奖活动

©2010-2025 宁波自信网络信息技术有限公司  版权所有

客服电话:0574-28810668  投诉电话:18658249818

gongan.png浙公网安备33021202000488号   

icp.png浙ICP备2021020529号-1  |  浙B2-20240490  

关注我们 :微信公众号    抖音    微博    LOFTER 

客服