问题描述
现在小弟想在首页也做个这样的东西,3个图片有3个链接,但是是集中在一个框框的,最好就跟百度那个一样,求源代码!谢谢啦~
解决方案
解决方案二：
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>无标题文档</title><scriptsrc="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><scripttype="text/javascript">$(document).ready(function(){$("#tipspan").bind("click",function(){change($(this).html());});change(1);});varchange=function(id){if(typeof(isround)!='undefined')clearTimeout(isround);varbigimg=$("#picimg");varsmallimg=$("#tipspan");vartext=$("#textp");smallimg.each(function(i){bigimg.eq(i).attr("class","undis");smallimg.eq(i).attr("class","");text.eq(i).attr("class","undis");});bigimg.eq(id-1).attr("class","dis");smallimg.eq(id-1).attr("class","current");text.eq(id-1).attr("class","dis");varnext=id>=smallimg.size()?1:parseInt(id)+1;isround=setTimeout('change('+next+')',4000);}</script><style>body,p,ul,li,dd,dt,dl,ol,form,h1,h2,h3,h4,h5{margin:0;padding:0;}body{font-size:12px;color:#000;text-align:left}i,em{font-style:normal;}img{border:none;vertical-align:middle;}ul,li{list-style:none;min-height:12px;}a{color:#555;text-decoration:none;}a:hover{color:#cc0000;text-decoration:underline;}.undis{display:none;}.dis{display:block!important;}#pic{position:absolute;top:0;left:0;z-index:9;width:308px;height:258px;}#picimg{width:308px;height:258px;float:left;}#textbg{position:absolute;left:0;bottom:-1px;z-index:99;width:308px;height:27px;background:url(http://mat1.gtimg.com/sports/nba2011/images/flash_bg.png);_background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="http://mat1.gtimg.com/sports/nba2011/images/flash_bg.png");}#text{position:absolute;left:0;bottom:0;z-index:999;width:308px;height:27px;line-height:27px;color:#fff;}#textp{width:100%;height:27px;line-height:27px;color:#fff;text-align:center;font-size:14px;}#textpa{color:#fff;}#tip{width:308px;height:15px;position:absolute;right:0;bottom:28px;z-index:999;text-align:right;}#tipspan{width:16px;height:15px;line-height:15px;background:#7B7B7B;cursor:pointer;display:inline-block;margin-left:1px;text-align:center;color:#fff;}#tipspan.current{background:#000;}</style></head><body><divid="pic"><ahref="http://zhibo.sports.qq.com/sports/1162/index.html"><imgsrc="http://img1.gtimg.com/sports/pics/hv1/224/17/723/47017634.jpg"class="undis"border="0"></a><ahref="http://sports.qq.com/a/20110220/000515.htm#p=1"><imgsrc="http://img1.gtimg.com/sports/pics/hv1/184/194/722/46997704.jpg"class="undis"border="0"></a><ahref="http://sports.qq.com/a/20110220/000465.htm"><imgsrc="http://img1.gtimg.com/sports/pics/hv1/122/189/722/46996367.jpg"class="undis"border="0"></a><ahref="http://sports.qq.com/a/20110220/000356.htm"><imgsrc="http://img1.gtimg.com/sports/pics/hv1/112/185/722/46995337.jpg"class="undis"border="0"></a><ahref="http://sports.qq.com/a/20110220/000417.htm"><imgsrc="http://img1.gtimg.com/sports/pics/hv1/93/187/722/46995828.jpg"class="undis"border="0"></a><ahref="http://sports.qq.com/a/20110220/000303.htm#p=2"><imgsrc="http://img1.gtimg.com/sports/pics/hv1/20/180/722/46993970.jpg"class="undis"border="0"></a><ahref="http://sports.qq.com/a/20110220/000262.htm"><imgsrc="http://img1.gtimg.com/sports/pics/hv1/61/177/722/46993246.jpg"class="undis"border="0"></a><ahref="http://sports.qq.com/a/20110220/000324.htm#p=1"><imgsrc="http://img1.gtimg.com/sports/pics/hv1/205/181/722/46994410.jpg"class="undis"border="0"></a><divid="textbg"></div><divid="text"><pclass="undis"><ahref="http://zhibo.sports.qq.com/sports/1162/index.html">正在直播全明星东西部对抗赛皇帝对决科比</a></p><pclass="undis"><ahref="http://sports.qq.com/a/20110220/000515.htm#p=1">全明星扣篮大赛格里芬击败麦基得冠军</a></p><pclass="undis"><ahref="http://sports.qq.com/a/20110220/000465.htm">全明星三分球大赛热火琼斯闪耀捧杯</a></p><pclass="undis"><ahref="http://sports.qq.com/a/20110220/000356.htm">亚特兰大队捧杯瞬间霍福德笑开怀</a></p><pclass="undis"><ahref="http://sports.qq.com/a/20110220/000417.htm">全明星技巧挑战赛库里28.2秒成功夺魁</a></p><pclass="undis"><ahref="http://sports.qq.com/a/20110220/000303.htm#p=2">科比星光大道留手脚印模成篮坛第一人</a></p><pclass="undis"><ahref="http://sports.qq.com/a/20110220/000262.htm">纳什闪电离婚内幕曝光前妻与巴博萨偷情生子</a></p><pclass="undis"><ahref="http://sports.qq.com/a/20110220/000324.htm#p=1">腾讯直击全明星美女明星黄奕现场微博爆料</a></p></div><divid="tip"><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span></div></div></body>
差不多。参考下。
解决方案三：
http://www.16sucai.com/daima/jd/里面一大堆
解决方案四：
懒人图库里很多http://www.lanrentuku.com/js/jiaodiantu.html
解决方案五：
该回复于2011-10-28 08:28:36被版主删除