JS图片流动和轮换效果资源-CSDN文库

共13个文件

jpg：6个

html：4个

bmp：1个

JS特效

图片轮换广告

5星 · 超过95%的资源需积分: 19 99 浏览量 2011-05-14 23:36:38 上传评论收藏 143KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

图片JS效果.zip （13个子文件）

图片JS效果

图片切换

02.jpg 16KB

01.jpg 18KB

03.jpg 16KB

04.jpg 19KB

图片切换最新.htm 1KB

05.jpg 21KB

图片切换.css 806B

test_div.html 1KB

Untitled-4.html 1KB

选项卡.html 5KB

图像流动

img

i3.bmp 57KB

i2.jpg 6KB

图像流动.html 2KB

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD><TITLE>选项卡</TITLE> <META http-equiv=Content-Type content="text/html; charset=gb2312"> <STYLE type=text/css>BODY { FONT-SIZE: 14px; COLOR: #000; FONT-FAMILY: 宋体 } TD { FONT-SIZE: 14px; COLOR: #000; FONT-FAMILY: 宋体 } SELECT { FONT-SIZE: 12px } INPUT { FONT-SIZE: 12px } A:link { COLOR: #3d362b } A:visited { COLOR: #3d362b } A:hover { COLOR: #f60 } BODY #search { CLEAR: both; WIDTH: 540px; HEIGHT: 50px } BODY #search #left { FLOAT: left } BODY #search #searchleft { PADDING-LEFT: 30px; FLOAT: left; PADDING-TOP: 12px; HEIGHT: 35px; TEXT-ALIGN: left } BODY #search #searchleft1 { PADDING-LEFT: 30px; PADDING-TOP: 12px; HEIGHT: 35px; TEXT-ALIGN: left } FORM { PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } BODY #newsearch { WIDTH: 540px; HEIGHT: 30px } BODY #newsearchtop { WIDTH: 540px; HEIGHT: 25px; TEXT-ALIGN: right } BODY #newsearchtop LI { FONT-SIZE: 12px; FLOAT: left } .newsearchinsidew { BORDER-TOP: #cccccc 1px solid; MARGIN-TOP: 2px; BORDER-LEFT: #ccc 1px solid; WIDTH: 70px; CURSOR: hand; LINE-HEIGHT: 21px; BORDER-BOTTOM: #cc3300 1px solid; HEIGHT: 23px; TEXT-ALIGN: center; TEXT-DECORATION: underline} .newsearchinsider { BORDER-RIGHT: #cc3300 1px solid; BORDER-TOP: #cc3300 1px solid; FONT-WEIGHT: bold; BORDER-LEFT: #cc3300 1px solid; WIDTH: 70px; COLOR: #ffffff; PADDING-TOP: 5px; HEIGHT: 25px; BACKGROUND-COLOR: #ff7300; TEXT-ALIGN: center} .newsearchinsider A:visited { COLOR: #ffffff; TEXT-DECORATION: none } .newsearchinsidew A:hover { background-color:#CCCCCC;WIDTH: 69px; TEXT-ALIGN: center } BODY #newsearchbottom { BORDER-RIGHT: #cc3300 1px solid; BORDER-LEFT: #cc3300 1px solid; BORDER-BOTTOM: #cc3300 1px solid; POSITION: relative; HEIGHT: 50px; BACKGROUND-COLOR: #ff7300 } BODY #newsearchbottom #e1 { Z-INDEX: 0; LEFT: 0px; VISIBILITY: visible; WIDTH: 538px; POSITION: absolute; TOP: 0px; HEIGHT: 30px} BODY #newsearchbottom #e2 { Z-INDEX: 0; LEFT: 0px; VISIBILITY: hidden; WIDTH: 538px; POSITION: absolute; TOP: 0px; HEIGHT: 30px} BODY #newsearchbottom #e3 { Z-INDEX: 2; LEFT: 0px; VISIBILITY: hidden; WIDTH: 538px; POSITION: absolute; TOP: 0px; HEIGHT: 30px} BODY #newsearchbottom #e4 { Z-INDEX: 2; LEFT: 0px; VISIBILITY: hidden; WIDTH: 538px; POSITION: absolute; TOP: 0px; HEIGHT: 30px} BODY #newsearchbottom #e5 { Z-INDEX: 2; LEFT: 0px; VISIBILITY: hidden; WIDTH: 538px; POSITION: absolute; TOP: 0px; HEIGHT: 30px} BODY #newsearchbottom #e6 { Z-INDEX: 2; LEFT: 0px; VISIBILITY: hidden; WIDTH: 538px; POSITION: absolute; TOP: 0px; HEIGHT: 30px} BODY #newsearchbottom #e7 { Z-INDEX: 2; LEFT: 0px; VISIBILITY: hidden; WIDTH: 538px; POSITION: absolute; TOP: 0px; HEIGHT: 30px} UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none} </STYLE> <SCRIPT> function doClick(o) { o.className="newsearchinsider"; var j; var id; var e; for(var i=1;i<=7;i++){ id ="v"+i; j = document.getElementById(id); e = document.getElementById("e"+i); if(id != o.id){ j.className="newsearchinsidew"; e.style.visibility = "hidden"; }else{ e.style.visibility = "visible"; } } var id = o.id+""; var dd=id.substring(1,2); var curForm = document.getElementById("FormSearch"+dd); var inputv ; for(var i=1;i<=7;i++){ var otherForm = document.getElementById("FormSearch"+i); } } function doOut(o){ } </SCRIPT> </HEAD> <BODY> <br><br> <DIV id=search> <DIV id=newsearch> <DIV id=newsearchtop> <UL> <LI><DIV class=newsearchinsider id=v1 onClick="javascript:doClick(this)"><A href="#">供应信息</A></DIV></LI> <LI><DIV class=newsearchinsidew id=v2 onClick="javascript:doClick(this)"><A href="#">求购信息</A></DIV></LI> <LI><DIV class=newsearchinsidew id=v3 onMouseOver="javascript:doClick(this)"><A href="#">产品目录</A></DIV></LI> <LI><DIV class=newsearchinsidew id=v4 onMouseOver="javascript:doClick(this)"><A href="#">公司库</A></DIV></LI> <LI><DIV class=newsearchinsidew id=v5 onMouseOver="javascript:doClick(this)"><A href="#">商业资讯</A></DIV></LI> <LI><DIV class=newsearchinsidew id=v6 onMouseOver="javascript:doClick(this)"><A href="#">商人论坛</A></DIV></LI> <LI><DIV class=newsearchinsidew id=v7 onMouseOver="javascript:doClick(this)"><A href="#">拍卖信息</A></DIV></LI> </UL> </DIV> <DIV id=newsearchbottom> <DIV id=e1><DIV id=left><DIV id=searchleft1>搜索供应信息</DIV></DIV></DIV> <DIV id=e2><DIV id=left><DIV id=searchleft1>请输入产品名关键字</DIV></DIV></DIV> <DIV id=e3><DIV id=left><DIV id=searchleft1>请输入产品名关键字</DIV></DIV></DIV> <DIV id=e4><DIV id=left><DIV id=searchleft1>请输入产品名或公司名关键字</DIV></DIV></DIV> <DIV id=e5><DIV id=left><DIV id=searchleft1>请输入关键字</DIV></DIV></DIV> <DIV id=e6><DIV id=left><DIV id=searchleft1>请输入关键字</DIV></DIV></DIV> <DIV id=e7><DIV id=left><DIV id=searchleft1>请输入拍卖关键字</DIV></DIV></DIV></DIV></DIV> </DIV><DIV></DIV> </BODY></HTML>

评论收藏

内容反馈