bilibili 镜像

版权申明:未经允许请勿转载。转载前请先联系作者([email protected]

最近看到同事share的一个bilibili的镜像网站。真镜像 :)

http://www.ilidilid.com

很神奇,效果大概是这样:

扒了下代码,发现挺简单的

.mirror_ifrom {
    -webkit-transform: scaleX(-1);
    animation: mirror forwards 0s;
    -moz-animation: mirror forwards 0s;
    -webkit-animation: mirror forwards 0s;
    -o-animation: mirror forwards 0s;
}
<body style="margin:0px">
	<iframe id="il"="" 
	src="http://www.ilidilid.com/bilibili" 
	name="iname" 
	frameborder="0" 
	width="100%" 
	height="100%" 
	class="mirror_ifrom">
	iframe>

	<script type="text/javascript">
	function a(){$("iframe").addClass("mirror_ifrom");setTimeout(function(){$("iframe").attr("src","bilibili")},1500)}function boom(){var pwd=$("#pwd").val();$.ajax({url:"/boom",type:"POST",data:{pwd:pwd},}).done(function(data){if(data=="2233"){$(".boom").hide();window.localStorage.show==1;a()}else{$("#pwd").val("")}}).fail(function(){console.log("error")}).always(function(){console.log("complete")})}$("#boom").click(function(event){boom()});if(window.localStorage.show==1){$(".boom").hide();a()};
	script>
body>

就是嵌套了一层iframe,然后用css的镜像。

问题相关: b站的镜像网站www.ilidilid.com是官方的彩蛋吗?怎么做到的


扫码关注,实时互动
在这里插入图片描述

你可能感兴趣的:(H5/Mini-Program)