bilibili 镜像

最新推荐文章于 2025-04-24 12:30:51 发布

雨声不在

最新推荐文章于 2025-04-24 12:30:51 发布

阅读量2.5w

点赞数 1

分类专栏： H5/Mini-Program

转载请邮件联系我(hello@yeshen.org)，以取得授权，谢谢！https://yeshen.org

本文链接：https://blog.csdn.net/yeshennet/article/details/79399231

版权

H5/Mini-Program 专栏收录该内容

52 篇文章

订阅专栏

版权申明：未经允许请勿转载。转载前请先联系作者（hello@yeshen.org）

最近看到同事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>