求幻灯片代码! 求幻灯片代码!用jquery写的! 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <!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" /><title>无标题文档</title><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script type="text/javascript"> $(document).ready(function(){ $("#tip span").bind("click",function(){ change($(this).html()); }); change(1); }); var change = function(id){ if (typeof(isround)!='undefined') clearTimeout(isround); var bigimg =$("#pic img"); var smallimg = $("#tip span"); var text = $("#text p"); 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"); var next = 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;}#pic img{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;}#text p{width:100%;height:27px;line-height:27px;color:#fff;text-align:center;font-size:14px;}#text p a{color:#fff;}#tip{width:308px;height:15px;position:absolute;right:0;bottom:28px;z-index:999;text-align:right;}#tip span{width:16px;height:15px;line-height:15px;background:#7B7B7B;cursor:pointer;display:inline-block;margin-left:1px;text-align:center;color:#fff;}#tip span.current{background:#000;}</style></head><body><div id="pic"> <a href="http://zhibo.sports.qq.com/sports/1162/index.html"><img src="http://img1.gtimg.com/sports/pics/hv1/224/17/723/47017634.jpg" class="undis" border="0"></a> <a href="http://sports.qq.com/a/20110220/000515.htm#p=1"><img src="http://img1.gtimg.com/sports/pics/hv1/184/194/722/46997704.jpg" class="undis" border="0"></a> <a href="http://sports.qq.com/a/20110220/000465.htm"><img src="http://img1.gtimg.com/sports/pics/hv1/122/189/722/46996367.jpg" class="undis" border="0"></a> <a href="http://sports.qq.com/a/20110220/000356.htm"><img src="http://img1.gtimg.com/sports/pics/hv1/112/185/722/46995337.jpg" class="undis" border="0"></a> <a href="http://sports.qq.com/a/20110220/000417.htm"><img src="http://img1.gtimg.com/sports/pics/hv1/93/187/722/46995828.jpg" class="undis" border="0"></a> <a href="http://sports.qq.com/a/20110220/000303.htm#p=2"><img src="http://img1.gtimg.com/sports/pics/hv1/20/180/722/46993970.jpg" class="undis" border="0"></a> <a href="http://sports.qq.com/a/20110220/000262.htm"><img src="http://img1.gtimg.com/sports/pics/hv1/61/177/722/46993246.jpg" class="undis" border="0"></a> <a href="http://sports.qq.com/a/20110220/000324.htm#p=1"><img src="http://img1.gtimg.com/sports/pics/hv1/205/181/722/46994410.jpg" class="undis" border="0"></a> <div id="textbg"></div> <div id="text"> <p class="undis"><a href="http://zhibo.sports.qq.com/sports/1162/index.html">正在直播全明星东西部对抗赛皇帝对决科比</a></p> <p class="undis"><a href="http://sports.qq.com/a/20110220/000515.htm#p=1">全明星扣篮大赛格里芬击败麦基得冠军</a></p> <p class="undis"><a href="http://sports.qq.com/a/20110220/000465.htm">全明星三分球大赛热火琼斯闪耀捧杯</a></p> <p class="undis"><a href="http://sports.qq.com/a/20110220/000356.htm">亚特兰大队捧杯瞬间霍福德笑开怀</a></p> <p class="undis"><a href="http://sports.qq.com/a/20110220/000417.htm">全明星技巧挑战赛库里28.2秒成功夺魁</a></p> <p class="undis"><a href="http://sports.qq.com/a/20110220/000303.htm#p=2">科比星光大道留手脚印模成篮坛第一人</a></p> <p class="undis"><a href="http://sports.qq.com/a/20110220/000262.htm">纳什闪电离婚内幕曝光前妻与巴博萨偷情生子</a></p> <p class="undis"><a href="http://sports.qq.com/a/20110220/000324.htm#p=1">腾讯直击全明星美女明星黄奕现场微博爆料</a></p> </div> <div id="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.mayixueyuan.com/tag.php?q=%BB%C3%B5%C6 JS快速表格封装完成,瞬间展示万条数据,散分。。。。 js 抓取远程网页如何实现? 初学者jquery的ready函数覆盖问题 打开页面特效功能 jsp与SQL连接问题,烦啊,高手指点 帮我看看 js预加载缓存的图片在哪? 为什么这个eval语句不能执行??在线等…… javascript有没有像“左对齐”或“右对齐”的函数??? 有关文件上传 js如何实现浏览文件夹呢? 求个正则表达式
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#tip span").bind("click",function(){
change($(this).html());
});
change(1);
});
var change = function(id){
if (typeof(isround)!='undefined') clearTimeout(isround);
var bigimg =$("#pic img");
var smallimg = $("#tip span");
var text = $("#text p");
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");
var next = 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;}
#pic img{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;}
#text p{width:100%;height:27px;line-height:27px;color:#fff;text-align:center;font-size:14px;}
#text p a{color:#fff;}
#tip{width:308px;height:15px;position:absolute;right:0;bottom:28px;z-index:999;text-align:right;}
#tip span{width:16px;height:15px;line-height:15px;background:#7B7B7B;cursor:pointer;display:inline-block;margin-left:1px;text-align:center;color:#fff;}
#tip span.current{background:#000;}
</style>
</head>
<body>
<div id="pic">
<a href="http://zhibo.sports.qq.com/sports/1162/index.html"><img src="http://img1.gtimg.com/sports/pics/hv1/224/17/723/47017634.jpg" class="undis" border="0"></a> <a href="http://sports.qq.com/a/20110220/000515.htm#p=1"><img src="http://img1.gtimg.com/sports/pics/hv1/184/194/722/46997704.jpg" class="undis" border="0"></a>
<a href="http://sports.qq.com/a/20110220/000465.htm"><img src="http://img1.gtimg.com/sports/pics/hv1/122/189/722/46996367.jpg" class="undis" border="0"></a>
<a href="http://sports.qq.com/a/20110220/000356.htm"><img src="http://img1.gtimg.com/sports/pics/hv1/112/185/722/46995337.jpg" class="undis" border="0"></a>
<a href="http://sports.qq.com/a/20110220/000417.htm"><img src="http://img1.gtimg.com/sports/pics/hv1/93/187/722/46995828.jpg" class="undis" border="0"></a>
<a href="http://sports.qq.com/a/20110220/000303.htm#p=2"><img src="http://img1.gtimg.com/sports/pics/hv1/20/180/722/46993970.jpg" class="undis" border="0"></a>
<a href="http://sports.qq.com/a/20110220/000262.htm"><img src="http://img1.gtimg.com/sports/pics/hv1/61/177/722/46993246.jpg" class="undis" border="0"></a>
<a href="http://sports.qq.com/a/20110220/000324.htm#p=1"><img src="http://img1.gtimg.com/sports/pics/hv1/205/181/722/46994410.jpg" class="undis" border="0"></a>
<div id="textbg"></div>
<div id="text"> <p class="undis"><a href="http://zhibo.sports.qq.com/sports/1162/index.html">正在直播全明星东西部对抗赛皇帝对决科比</a></p>
<p class="undis"><a href="http://sports.qq.com/a/20110220/000515.htm#p=1">全明星扣篮大赛格里芬击败麦基得冠军</a></p>
<p class="undis"><a href="http://sports.qq.com/a/20110220/000465.htm">全明星三分球大赛热火琼斯闪耀捧杯</a></p>
<p class="undis"><a href="http://sports.qq.com/a/20110220/000356.htm">亚特兰大队捧杯瞬间霍福德笑开怀</a></p>
<p class="undis"><a href="http://sports.qq.com/a/20110220/000417.htm">全明星技巧挑战赛库里28.2秒成功夺魁</a></p>
<p class="undis"><a href="http://sports.qq.com/a/20110220/000303.htm#p=2">科比星光大道留手脚印模成篮坛第一人</a></p> <p class="undis"><a href="http://sports.qq.com/a/20110220/000262.htm">纳什闪电离婚内幕曝光前妻与巴博萨偷情生子</a></p>
<p class="undis"><a href="http://sports.qq.com/a/20110220/000324.htm#p=1">腾讯直击全明星美女明星黄奕现场微博爆料</a></p>
</div>
<div id="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>看看能用不 。