master

分支 (1)

管理

管理

master

html
/
show.php

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>总览展示</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://cdn.bootcss.com/Buttons/2.0.0/css/buttons.min.css" rel="stylesheet">
    <?php echo ("
    <link rel='stylesheet' type='text/css' media='screen' href='./css/normalizeIndex.css' >
    <link rel='stylesheet' type='text/css' media='screen' href='./css/flip.css' />
    <link rel='stylesheet' type='text/css' media='screen' href='./css/animations.css'>
    <link rel='stylesheet' type='text/css' media='screen' href='./css/like.css'>") ?>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="./js/headroom.js" type="text/javascript"></script>
    <script src="./js/jQuery.headroom.js" type="text/javascript"></script>
</head>

<body>
    <div class="wrapper">
        <div id="header">
            <div id="content">
                <h1>成员作品展示(以学号顺序为准)</h1>
                <button class="button-header button button-glow button-rounded button-caution" onclick="window.location.href='checkThanks.html'">快速检索</button>
            </div>
        </div>
        <div class="cols">
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="video('heyongchen')">
                    <div class="front" style="background-image:url('./images/heyongchen.jpg')">
                        <div class="inner">
                            <p>何咏宸</p>
                            <span>奋斗.所感.gis
</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="video('songhuimeng')">
                    <div class="front" style="background-image: url('./images/songhuimeng.jpg')">
                        <div class="inner">
                            <p>宋会萌</p>
                            <span>百度介绍</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="video('yuqingli')">
                    <div class="front" style="background-image: url('./images/yuqingli.jpg')">
                        <div class="inner">
                            <p>于青立</p>
                            <span>动漫海洋</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="video('gezijun')">
                    <div class="front" style="background-image: url('./images/gezijun.jpg')">
                        <div class="inner">
                            <p>葛梓均</p>
                            <span>《权力的游戏》</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="video('cuikewei')">
                    <div class="front" style="background-image: url('./images/cuikewei.png')">
                        <div class="inner">
                            <p>崔珂玮</p>
                            <span>我的大学新生活</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="video('huangshihan')">
                    <div class="front" style="background-image: url('./images/huangshihan.jpg')">
                        <div class="inner">
                            <p>黄诗涵</p>
                            <span>小胖黄餐厅</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="video('jinyifei')">
                    <div class="front" style="background-image: url('./images/jinyifei.jpg')">
                        <div class="inner">
                            <p>靳一飞</p>
                            <span>俄罗斯世界杯</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="video('xuejiaqi')">
                    <div class="front" style="background-image: url('./images/xuejiaqi.jpg')">
                        <div class="inner">
                            <p>薛佳琪</p>
                            <span>中国风韵</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="video('liutong')">
                    <div class="front" style="background-image: url('./images/liutong.jpg')">
                        <div class="inner">
                            <p>刘彤</p>
                            <span>宝柏腕表</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="video('wenyana')">
                    <div class="front" style="background-image: url('./image/wenyana.jpg')">
                        <div class="inner">
                            <p>温娅娜</p>
                            <span>内蒙古包头</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="video('zhoujintong')">
                    <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="video('zhangyahao')">
                    <div class="front" style="background-image: url('./images/zhangyahao.jpg')">
                        <div class="inner">
                            <p>张亚豪</p>
                            <span>邯郸</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="video('zhangxin')">
                    <div class="front" style="background-image: url('./image/zhangxin.jpg')">
                        <div class="inner">
                            <p>张鑫</p>
                            <span>学生服务中心</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="video('yuanziliang')">
                    <div class="front" style="background-image: url('./images/yuanziliang.jpg')">
                        <div class="inner">
                            <p>袁梓梁</p>
                            <span>探秘海昏侯</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="video('dengzhuoheng')">
                    <div class="front" style="background-image: url('./images/dengzhuoheng.jpg')">
                        <div class="inner">
                            <p>邓卓恒</p>
                            <span>单机游戏推荐（个人向）</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="video('weitingyue')">
                    <div class="front" style="background-image: url('./images/weitingyue.jpg')">
                        <div class="inner">
                            <p>韦廷岳</p>
                            <span>Movie apprieciation</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="video('yangzhenzhong')">
                    <div class="front" style="background-image: url('./images/yangzhenzhong.png')">
                        <div class="inner">
                            <p>杨振中</p>
                            <span>World Championship</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col" ontouchstart="this.classList.toggle('hover');">
                <div class="container" onclick="video('gaochaojie')">
                    <div class="front" style="background-image: url('./images/gaochaojie.jpg')">
                        <div class="inner">
                            <p>高超杰</p>
                            <span>诗词歌赋</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="video">
        <video controls autoplay preload="auto1" src="#"></video>
        <a class="skip1 skip button button-glow button-rounded button-highlight" onclick="skip()">跳过视频</a>
    </div>
    <div id="fake">
    <div class="feed" id="feed1">
		<div class="heart " id="like1" rel="like"></div>
	</div>
        <p id="likes" class="likes">0</p>
        <img id="cross" src="./images/cross.png" alt="" onclick="
        let x=document.getElementsByTagName('video')[0];
        document.getElementById('whiteContainer').style.display='none';
        document.getElementsByClassName('video')[0].style.display='none';
        document.getElementsByClassName('alert')[0].style.display='none';
        document.getElementById('fake').style.display='none';
        x.pause();
        $(this).removeClass('heartAnimation').attr('rel', 'like' );
        $(this).css('background-position', 'left');">
    </div>
    <div id="whiteContainer">
        <iframe src="null"></iframe>
    </div>
    <div class="alert">
        <div id="question">
            <p>是否前往网页？</p>
        </div>
        <div id="line"></div>
        <div id="selections">
            <a href="#" class="select button button-caution button-rounded button-primary" onclick="replay()">重新播放</a>
            <a href="#" class="select button button-caution button-rounded button-primary" onclick="show(y)">前往网页</a>
        </div>
    </div>
</body>
<script src="./js/flip.js" type="text/javascript"></script>
<script type="text/javascript">
		$(document).ready(function () {

			$('body').on("click", '.heart', function () {
				var A = $(this).attr("id");
				var B = A.split("like");
				var messageID = B[1];
				var C = parseInt($("#likeCount" + messageID).html());
				$(this).css("background-position", "")
				var D = $(this).attr("rel");

				if (D === 'like') {
					// $("#likeCount"+messageID).html(C+1);
                    $(this).addClass("heartAnimation").attr("rel", "unlike");
                    $.post({
        url: "like.php",
        data: {
            data: y
        },
        success: function (data) {
            let ppp = document.getElementById("likes");
            ppp.innerHTML = `${data}`;
            delete Btn;
        },
        error: function (err) {
            alert("失败", err);
        }
    });
				} else {
					// $("#likeCount"+messageID).html(C-1);
					$(this).removeClass("heartAnimation").attr("rel", "like");
                    $(this).css("background-position", "left");
                    $.post({
        url: "dislike.php",
        data: {
            data: y
        },
        success: function (data) {
            let ppp1 = document.getElementById("likes");
            ppp1.innerHTML = `${data}`;
            delete BtnC;
        },
        error: function (err) {
            alert("失败", err);
        }
    });
				}
			});

        });
        $('body').on("click", '#cross', function () {
            $('.heart').removeClass("heartAnimation").attr("rel", "like");
            $('.heart').css("background-position", "left");
        });


	</script>


</html>