原创图片轮换广告代码资源-CSDN文库

共14个文件

jpg：9个

gif：2个

js：1个

javascript

需积分: 9 55 浏览量 2008-10-07 16:20:21 上传评论收藏 654KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

.rar （14个子文件）

tbads.html 2KB

images

Pic

02.jpg 60KB

01.jpg 51KB

022.jpg 33KB

024.jpg 39KB

Thumbs.db 89KB

a_bg.gif 212B

026.jpg 133KB

025.jpg 83KB

021.jpg 95KB

023.jpg 64KB

027.jpg 51KB

a_active.gif 266B

picAlbums.js 2KB

<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> *{ margin:0px; padding:0px; } body{ background:#000; } #m_box{ width:232px; height:202px; position:relative; overflow:hidden; margin:5px auto 0 10px; } #p_box{ width:232px; position:absolute; } #p_box a img{ width:232px; height:202px; border:0; } #p_btn{ margin:0 5px; height:30px; line-height:30px; background:#000; width:248px; overflow:hidden; } #p_btn a{ display:block; width:21px; height:21px; line-height:21px; text-align:center; float:left; cursor:pointer; font-weight:bold; font-size:10px; margin:3px 5px; } a.normal{ background:url(images/Pic/a_bg.gif) no-repeat center; } a.active{ background:url(images/Pic/a_active.gif) no-repeat; } </style> <script type="text/javascript" src="Js/picAlbums.js"></script> <title>code by popper.w</title> </head> <body> <div id="m_box"> <div id="p_box"><a href="sadfasdf" ><img src='images/Pic/021.jpg'/></a><a href="sadfasdf" ><img src='images/Pic/022.jpg'/></a><a href="sadfasdf" ><img src='images/Pic/023.jpg'/></a><a href="sadfasdf" ><img src='images/Pic/024.jpg'/></a><a href="sadfasdf" ><img src='images/Pic/026.jpg'/></a><a href="sadfasdf" ><img src='images/Pic/026.jpg'/></a> </div> </div> <div id="p_btn"> </div> </body> </html> <script type="text/javascript"> var Albums=new picAlbums(document.getElementById("m_box"),document.getElementById("p_box")); var btn=document.getElementById("p_btn"); var btns=document.getElementById("m_box").getElementsByTagName("img"); for(var i=0;i<btns.length;i++){ var oBtn=document.createElement("a"); oBtn.className="normal"; oBtn.innerHTML=i+1; oBtn.id=i; btn.appendChild(oBtn); Albums.add(oBtn,-202*i); } function clearHover(){ var obtn=btn.getElementsByTagName("a"); for(var i=0;i<obtn.length;i++){ obtn[i].className="normal"; } } Albums.run(); </script>

评论收藏

内容反馈