jQ学习之实现图片的轮播

Posted zhang188660586

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQ学习之实现图片的轮播相关的知识,希望对你有一定的参考价值。

主要是学习语法

html代码:

1 <img  id ="lunbo"src="img/1.jpg" width="1500px" height="700px">

 

jQ代码:

//主要学习语法,js的方法到了jq是不管用的,相同jq的方法到js里也是不管用的
        var i=1;
        function lunboPlay()
            i++;
            $("#lunbo").attr("src","img/"+i+".jpg")
         if(i==3)
             i=1;
         
          

//定义页面加载事件
        $(function()
            setInterval("lunboPlay()",3000);
        
        );

 

以上是关于jQ学习之实现图片的轮播的主要内容,如果未能解决你的问题,请参考以下文章

jQuery图片轮播轮播实现并封装

一分钟搞定AlloyTouch图片轮播

一分钟搞定AlloyTouch图片轮播

用原生的javascript 实现一个无限滚动的轮播图

JQ 图片轮播并封装

实现图片的轮播效果