jq 轮播图 转载-周菜菜
2024-09-02 06:32:50
<style>
li{list-style-type:none ;
display:inline;
width:90px;
height:160px;
float:left;
}
.pic-all{ width:100px;
height:180px;
position:relative;
overflow:hidden;
margin-left:200px;
}
ul{ position:absolute;
left:0;
top:0;
width:310px;
}
</style>
<script>
var imgindex=0;
var imgindex1=0;
/*$(document).ready(function(){
$("#pic").click(function(){
changeimg();
});
});*/
setInterval("changeimg()", 1000);
setInterval("changeimg1()", 2000);
function changeimg()
{
imgindex++;
if(imgindex==0)
{
$("ul").stop().animate({left:"0px"});
}
if(imgindex==1)
{
$("ul").stop().animate({left:"-150px"});
}
if(imgindex==2)
{
$("ul").stop().animate({left:"-300px"});
}
if(imgindex==2)
{
imgindex=-1;
}
}
function changeimg1()
{
imgindex1++;
if(imgindex1==0)
{
$("#imga").attr("src", "images/$F2[P67(QAUOCZ810C)YHRX.png");
}
if(imgindex1==1)
{
$("#imga").attr("src", "images/T1_8YvBKJT1RXrhCrK.jpg");
}
if(imgindex1==2)
{
$("#imga").attr("src", "images/T1a3DvB7hv1RXrhCrK!150x150.jpg");
}
if(imgindex1==2)
{
imgindex1=-1;
}
}
</script>
<body>
<div class="pic-all">
<ul>
<li ><img src="images/$F2[P67(QAUOCZ810C)YHRX.png"/></li>
<li ><img src="images/T1_8YvBKJT1RXrhCrK.jpg"/></li>
<li ><img src="images/T1a3DvB7hv1RXrhCrK!150x150.jpg"/></li>
</ul>
</div>
<br />
<!--<button id="pic" style="width:100px; height:100px;">按钮</button>-->
<img id="imga" src="images/$F2[P67(QAUOCZ810C)YHRX.png" />
</body>
最新文章
- Python(SQLAlchemy-ORM)模块之mysql操作
- 【Android】Android之Action Bar
- Windos中无法删除桌面IE图标的解决方法
- 把DataTable 转换成Json格式，适用于EasyUI 绑定DataGrid
- 垃圾回收GC——JVM之七
- iOS地理围栏技术的应用
- Web网页树形列表中实现选中父节点则子节点全选和不选中父则子全不选
- python进程和线程（六）
- 图文解说Win7系统机器上发布C#+ASP.NET网站
- numpy(四)
- BizTalk RosettaNet解决方案搭建
- Javascript Base64加密解密代码
- flask框架----蓝图
- The markup in the document following the root element must be well-formed. Quartz.xml .......
- oracle取出多个字段列中的最大值和最小值
- 解决com.microsoft.sqlserver.jdbc.SQLServerException: 该连接已关闭
- 执行RF设置顶层测试套件的描述说明
- 171. Excel Sheet Column Number(简单数学题)
- Erlang：Error in process ... with exit value
- jacob将word转换为html