html/irtghk.com/LINE

<!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>line</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
<link rel="stylesheet" href="/css/xadmin.css">
<link rel="stylesheet" href="/css/line.css"  />
<script type="text/javascript" src="/lib/layui/layui.js" charset="utf-8"></script>
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<script src="https://cdn.staticfile.org/jquery/1.9.1/jquery.min.js"></script>
<![endif]-->
<!--[if lt IE 7]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<script src="https://cdn.staticfile.org/jquery/1.9.1/jquery.min.js"></script>
<![endif]-->
</head>

<body>
<div class="content">
	<div class="cnt">
    	<div class="bd indline">LINE</div>
        <div class="layui-carousel" id="linelb" lay-filter="linelb">
          <div carousel-item="">
            <div><img src="/images/1.png"  /></div>
            <div><img src="/images/2.png"  /></div>
            <div><img src="/images/3.png"  /></div>
            <div><img src="/images/4.png"  /></div>
            <div><img src="/images/5.png"  /></div>
          </div>
        </div>
    </div>
    <div class="cnt indexs_buttun">
    	<a href="/user/" class="index_buttun1">ログイン</a>
        <a href="/user/" class="index_buttun2">新規登録</a>
    </div>
</div>
<script type="text/javascript">
        layui.use('carousel', function(){
                var carousel = layui.carousel;
                //建造实例
                carousel.render({
                    elem: '#linelb'
                    ,width: '100%'
                    ,height: '415px'
                    ,arrow: 'none'
					,indicator:'outside'
                });

                //监听轮播切换事件
                carousel.on('change(linelb)', function(obj){
                    console.log(obj.index); //当前条目的索引
                    console.log(obj.prevIndex); //上一个条目的索引
                    console.log(obj.item); //当前条目的元素对象
                });
            });
        </script>

</body>
</html>