<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<c:set var="path" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="${path}/static/bootstrap-3.3.7/bower_components/bootstrap/dist/css/bootstrap.min.css"/>
    <link href="${path}/static/js/gallery/master.css" rel="stylesheet"/>
    <link href="${path}/static/js/gallery/font-awesome.min.css" rel="stylesheet"/>
    <script src="${path}/static/js/gallery/jquery-1.9.1.min.js"></script>
    <script src="${path}/static/js/gallery/jquery.gallery.js"></script>
    <script src="${path}/static/js/gallery/angular.min.js" charset="utf-8"></script>
    <link rel="shortcut icon" href="/static/js/favicon.ico">
    <style>
        a:link,a:visited{color:#444;text-decoration:none;}
        a:hover{color:#ff0000;}
    </style>
    <script>
        jQuery(function () {
            var options = {  //所有属性都可选
                duration: 500,  //单张图片轮播持续时间
                interval: 5000,  //图片轮播结束到下一张图片轮播开始间隔时间
                showImgNum: 10,  //同时展示的图片数量，此参数最大值=Math.floor(画廊宽度/一张图片宽度)
                galleryClass: "gallery"  //画廊class
            }
            $(".wrapper").gallery(options);
        });
        var mod = angular.module('test', []);
        mod.controller('main', function ($scope) {
            $scope.ceshi=[{
                id:1,
                name:'系统首页',
                idd:2
            },{
                id:2,
                name:'客户信息',
                idd:2
            },{
                id:3,
                name:'客户信息2',
                idd:2
            },{
                id:4,
                name:'客户信息3',
                idd:2
            },{
                id:5,
                name:'客户信息4',
                idd:2
            },{
                id:6,
                name:'系统首页2',
                idd:2
            },{
                id:7,
                name:'客户信息5',
                idd:2
            },{
                id:8,
                name:'客户信息6',
                idd:2
            },{
                id:9,
                name:'客户信息7',
                idd:2
            },{
                id:10,
                name:'系统首页3',
                idd:2
            },{
                id:11,
                name:'客户信息8'
            },{
                id:12,
                name:'客户信息9',
                idd:2
            },{
                id:13,
                name:'客户信息1'
            },{
                id:14,
                name:'客户信息2'
            },{
                id:15,
                name:'系统首页3'
            },{
                id:16,
                name:'客户信息4'
            },{
                id:17,
                name:'客户信息5'
            }];
        });
    </script>
</head>
<body ng-app="test">
<div class="wrapper" ng-controller="main">
    <div class="gallery">
        <ul>
            <li ng-repeat="names in ceshi">
                <a href="www.baidu.com/{{names.idd}}" target="iframe"><span style="height: 50px">{{names.name}}</span></a>
            </li>
        </ul>
    </div>
</div>
<iframe id="iframe" name="iframe"></iframe>
</body>
</html>