jquery 图片轮播 代码啥意思啊
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery 图片轮播 代码啥意思啊相关的知识，希望对你有一定的参考价值。
<script type="text/javascript" src="jquery-1.2.6.js"></script>
</head>
<body>
<!--li的列数是和a相对应的,你可以添加或删除来对它进行控制-->
<div id="play">
<div id="play_bg"></div>
<div id="play_info"></div>
<div id="play_text">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
</div>
<div id="play_list">
<a href="#" target="_blank">
<img src="http://img.17k.com/channel/dushi/wq0901.jpg" title="温泉镇的风流事" alt="温泉镇的风流事 " /> </a>
<a href="#" target="_blank">
<img src="http://img.17k.com/channel/changxiao/small_32577.jpg" title="北京镜鉴记" alt="北京镜鉴记" /> </a>
<a href="#" target="_blank">
<img src="http://img.17k.com/channel/xuanhuan/small_32663.jpg" title="蜀山飞仙" alt="蜀山飞仙" /></a>
<a href="#" target="_blank">
<img src="http://img.17k.com/channel/kongbu/small_27507.jpg" title="圣枪传奇" alt="圣枪传奇" /></a>
</div>
</div>
<script type="text/javascript">
var t = n = 0, count = $("#play_list a").size();
$(function()
$("#play_list a:not(:first-child)").hide();
$("#play_info").html($("#play_list a:first-child").find("img").attr('alt'));
$("#play_text li:first-child").css("background":"#fff",'color':'#000');
$("#play_info").click(function()window.open($("#play_list a:first-child").attr('href'), "_blank"));
$("#play_text li").click(function()
var i = $(this).text() - 1;
n = i;
if (i >= count) return;
$("#play_info").html($("#play_list a").eq(i).find("img").attr('alt'));
$("#play_info").unbind().click(function()window.open($("#play_list a").eq(i).attr('href'), "_blank"))
$("#play_list a").filter(":visible").fadeOut(500).parent().children().eq(i).fadeIn(1000);
$(this).css("background":"#fff",'color':'#000').siblings().css("background":"#000",'color':'#fff');
);
t = setInterval("showAuto()", 2000);
$("#play").hover(function()clearInterval(t), function()t = setInterval("showAuto()", 2000););
)
function showAuto()
n = n >= (count - 1) ? 0 : ++n;
$("#play_text li").eq(n).trigger('click');
</script>
</body>
</html>
里面js代码不太明白，希望高手帮忙注释下，详细些，谢谢。
图片轮播就是在页面里的图片之间的各种切换效果，让页面看起来更美观。
你问的就是通过jQuery框架来实现的图片切换效果的代码，使用时记得调用jQuery文件。 参考技术B 太长了，哪行不懂个别问吧本回答被提问者采纳
请问图片要求宽大于或等于800 高大于或等于480是啥意思啊
请问图片要求宽大于或等于800 高大于或等于480是什么意思啊
宽大于 800像素 你用PS新建里面创建图片 会让你设置图片大小。然后设置像素 800就好了 参考技术A 是指像素，主要保证清晰度。一般在PS中处理。以上是关于jquery 图片轮播 代码啥意思啊的主要内容，如果未能解决你的问题，请参考以下文章