master

分支 (1)

管理

管理

master

html
/
show.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>test</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="./css/flip.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="./css/animations.css">
    <script src="./js/jquery.js"></script>

</head>

<body>
    <div class="wrapper">
        <div id="header">
            <div id="content">
                <h1>成员作品展示</h1>
            </div>
        </div>
        <div class="cols">
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="show('index')">
                    <div class="front" style="background-image: url(./images/zhoujintong.jpg)">
                        <div class="inner">
                            <p>周金桐</p>
                            <span>幻灯片式门户网站</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="show('heyongchen')">
                    <div class="front" style="url('https://unsplash.it/511/511/')">
                        <div class="inner">
                            <p>何咏宸</p>
                            <span>作品名字</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="show('yujialong')">
                    <div class="front" style="background-image: url('https://unsplash.it/502/502/')">
                        <div class="inner">
                            <p>虞嘉龙</p>
                            <span>作品名字</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="show('songhuimeng')">
                    <div class="front" style="background-image: url(https://unsplash.it/503/503/)">
                        <div class="inner">
                            <p>宋会萌</p>
                            <span>作品名字</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="show('zhaochaoyue')">
                    <div class="front" style="background-image: url(https://unsplash.it/504/504/">
                        <div class="inner">
                            <p>赵超越</p>
                            <span>作品名字</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="show('ligenshun')">
                    <div class="front" style="background-image: url(https://unsplash.it/505/505/)">
                        <div class="inner">
                            <p>李根顺</p>
                            <span>作品名字</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="show('yuqingli')">
                    <div class="front" style="background-image: url(https://unsplash.it/506/506/)">
                        <div class="inner">
                            <p>于青立</p>
                            <span>作品名字</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="show('gezijun')">
                    <div class="front" style="background-image: url(https://unsplash.it/508/508/)">
                        <div class="inner">
                            <p>葛梓均</p>
                            <span>作品名字</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="show('cuikewei')">
                    <div class="front" style="background-image: url(https://unsplash.it/505/505/)">
                        <div class="inner">
                            <p>崔珂玮</p>
                            <span>作品名字</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="show('huangshihan')">
                    <div class="front" style="background-image: url(https://unsplash.it/505/505/)">
                        <div class="inner">
                            <p>黄诗涵</p>
                            <span>作品名字</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="show('jinyifei')">
                    <div class="front" style="background-image: url(https://unsplash.it/505/505/)">
                        <div class="inner">
                            <p>靳一飞</p>
                            <span>作品名字</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="show('xuejiaqi')">
                    <div class="front" style="background-image: url(https://unsplash.it/505/505/)">
                        <div class="inner">
                            <p>薛佳琪</p>
                            <span>作品名字</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="show('liutong')">
                    <div class="front" style="background-image: url(https://unsplash.it/505/505/)">
                        <div class="inner">
                            <p>刘彤</p>
                            <span>作品名字</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="show('wenyana')">
                    <div class="front" style="background-image: url(https://unsplash.it/505/505/)">
                        <div class="inner">
                            <p>温娅娜</p>
                            <span>作品名字</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="show('wangzhe')">
                    <div class="front" style="background-image: url(https://unsplash.it/505/505/)">
                        <div class="inner">
                            <p>王哲</p>
                            <span>作品名字</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="show('wangzijie')">
                    <div class="front" style="background-image: url(https://unsplash.it/505/505/)">
                        <div class="inner">
                            <p>王子杰</p>
                            <span>作品名字</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="show('zhangyahao')">
                    <div class="front" style="background-image: url(https://unsplash.it/505/505/)">
                        <div class="inner">
                            <p>张亚豪</p>
                            <span>作品名字</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="show('lixiaohao')">
                    <div class="front" style="background-image: url(https://unsplash.it/505/505/)">
                        <div class="inner">
                            <p>李晓昊</p>
                            <span>作品名字</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="show('zhangxin')">
                    <div class="front" style="background-image: url(https://unsplash.it/505/505/)">
                        <div class="inner">
                            <p>张鑫</p>
                            <span>作品名字</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="show('zhangyu')">
                    <div class="front" style="background-image: url(https://unsplash.it/505/505/)">
                        <div class="inner">
                            <p>张昱</p>
                            <span>作品名字</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="show('zhouhaoyu')">
                    <div class="front" style="background-image: url(https://unsplash.it/505/505/)">
                        <div class="inner">
                            <p>周好煜</p>
                            <span>作品名字</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="show('yuanziliang')">
                    <div class="front" style="background-image: url(https://unsplash.it/505/505/)">
                        <div class="inner">
                            <p>袁梓梁</p>
                            <span>作品名字</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="show('dengzhuoheng')">
                    <div class="front" style="background-image: url(https://unsplash.it/505/505/)">
                        <div class="inner">
                            <p>邓卓恒</p>
                            <span>作品名字</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="show('weiyanyue')">
                    <div class="front" style="background-image: url(https://unsplash.it/505/505/)">
                        <div class="inner">
                            <p>韦延岳</p>
                            <span>作品名字</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="show('yangzhenzhong')">
                    <div class="front" style="background-image: url(https://unsplash.it/505/505/)">
                        <div class="inner">
                            <p>杨振中</p>
                            <span>作品名字</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="show('gaochaojie')">
                    <div class="front" style="background-image: url(https://unsplash.it/505/505/)">
                        <div class="inner">
                            <p>高超杰</p>
                            <span>作品名字</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container">
                    <div class="front" style="background-image: url(https://unsplash.it/505/505/)">
                        <div class="inner">
                            <p>成员名</p>
                            <span>作品名字</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container">
                    <div class="front" style="background-image: url(https://unsplash.it/505/505/)">
                        <div class="inner">
                            <p>成员名</p>
                            <span>作品名字</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="fake" onclick="document.getElementById('fake').style.display='none';
    document.getElementById('whiteContainer').style.display='none'">
        <img id="cross" src="./images/cross.png" alt="">
    </div>
    <div id="whiteContainer">
        <iframe src="null"></iframe>
    </div>
</body>
<script src="./js/flip.js"></script>

</html>