Hi!  Every Body!Welcome to my blog! My name is Caiduping,I hope we learn to make progress together! Let's do it!

这是我做的一个小小的个人空间(只是在原页面上稍微改动了一点点)，BGM非常Hight，耳朵会爆炸！要Hold住啊。。。

提示：不兼容IE浏览器、手机浏览器（还有很多细节和东西可能来不及测试和改进，还望大佬指点迷津，此项目纯属业余娱乐哈哈）。

<head>
<title>Html之网页分屏浏览模式</title>
<style type="text/css">
<!--
body{
font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 4px; margin-right: 0px}
A{
COLOR: black; FONT-SIZE: 13px; FONT-WEIGHT: 400; TEXT-DECORATION: none }
A:hover { COLOR: white; FONT-SIZE: 13px; FONT-WEIGHT: 400; TEXT-DECORATION: underline }
a:active { font: 9pt "宋体"; cursor: hand; color: #000000 }
--></style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<style>
#cdp{animation-name:html_page;animation-duration:1500ms;animation-timing-function:ease-in-out;}
@keyframes html_page{
0% {transform-origin: 50% 50%;transform: rotate3d(0, 1, 0, 1440deg) rotateZ(45deg) scale(1);}
100% {transform: rotate3d(0, 1, 0, 0) rotateZ(0) scale(1);}

}
@keyframes mymove{
0%{
transform:rotateY(720deg);
}
80%{
transform:rotateY(720deg);
}
100%{
transform:rotateY(0deg);
}
}
</style>
</head>
<body id="cdp" bgcolor="#000000">
<center><font color=#00FF00; face="隶书" size=8>欢迎来到冷的锋刃的博客园！</font></center>
<br>
<object type="text/x-scriptlet" width=49%; algin="left" height=100% data="https://www.cnblogs.com/caidupingblogs/p/5573255.html">
</object>
<object type="text/x-scriptlet" width=49%; algin="right" height=100% data="https://www.cnblogs.com/caidupingblogs/p/5573255.html">
</object>
<br>
<center>
<SCRIPT LANGUAGE="JavaScript">
<!-- hide
document.oncontextmenu=new Function("event.returnValue=false");
document.onselectstart=new Function("event.returnValue=false");
function goHist(a)
{
history.go(a);
}
//-->
</script>
<embed src="http://win.web.rf01.sycdn.kuwo.cn/resource/n1/77/86/3861028999.mp3" autostart="true" loop="true" hidden="true">
<br>
</body>
<--
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$ $$$$$$$$$$$ $$$$$$$$$$$ $$$$$$$$$
$$$$ $$$$ $$$$$$$$$ $$$$ $$$$$$v$$ $$ $$$$$$$
$$$ $$$$$$$$$$$$$$$$$ $$$$$ $$$$$$$$ $$$$ $$$$$$$
$$$ $$$$$$$$$$$$$$$$$$ $$$$$ $$$$$$$$$ $$ $$$$$$$
$$$ $$$$$$$$$$$$$$$$$ $$$$ $$$$$$$$$ $$$$$$$$$
$$$$ $$$$ $$$$$$$$$ $$$ $$$$$$$$$$ $$$$$$$$$$$$$
$$$$$$ $$$$$$$$$$$ $$$$$$$$$$$ $$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
-->

转载文章请注明出处：caiduping（Author）

本人照片： （↓此图拍摄于2016年10月6日长沙北辰三角洲三馆一厅）

白衬衫的我：（↓此图拍摄于2016年11月4日德苑广场）

西装的我：

余生请多指教:

Html之网页分屏浏览的更多相关文章

  1. android分屏

    上手了Android N Preview,第一个不能错过的新特性就是App分屏的支持.Android7.0原生系统就可以支持两个App横屏并排或者竖屏上下摆放了.第二个新特性就是在Android TV ...

  2. IE全屏浏览代码

    以前做过一个网络版的商场导购触摸屏系统,用ASP写的,就是要在运行的时候全屏浏览而不能出现标题栏.工具栏.状态栏等.解决方法是用JS弹出全屏窗口,建立html文件,代码如下: <script l ...

  3. Intense Images – 全屏浏览图像的 JS 插件

    Intense Images 是一个独立的 JavaScript 库,用于查看全屏图像.使用触摸/鼠标来实现图片位置的平移.图像元素的所有样式都是可以自定义的,Intense.js 只处理图像浏览器和 ...

  4. 是时候学习Android分屏开发了

    今年Google发布了Android N,Android N新增了不少功能,最受关注的自然就是分屏了. 这一功能对国内的很多手机用户并不陌生,其实很多第三方系统早已经实现了这一功能,如EMUI,Fly ...

  5. ArcGIS Pro开发Web3D应用（2）——地图分屏对比（多屏对比）思路

    很多应用中都需要用到地图联动.多屏对比.二三维分屏.大屏显示,有图形可视化的地方就有事件响应触发:鼠标按下.移动.鼠标滚轮,由此触发了地图上坐标或范围的变化,将这些变化发送给另一个地图并响应这些变化, ...

  6. 手机端网页技术--使自己做的asp.net网页适应手机浏览

    使自己做的asp.net网页适应手机浏览 特别提醒: 对于文本框和其他控件,无法自适应,只有纯粹的文本和table的单元格可以自适应,其他的只有设置为具体的宽度,或者在一个表格中(本来在电脑中显示一行 ...

  7. Javascript 判断网页横竖屏

    本篇文章由:http://xinpure.com/javascript-to-determine-page-anyway-screen/ Html5 流行至今,自适应的网站已经多如牛毛,但是横竖屏的切 ...

  8. arcgis api for js入门开发系列六地图分屏对比(含源代码)

    上一篇实现了demo的地图标绘模块,本篇新增地图地图分屏对比模块,截图如下(源代码见文章底部): 对效果图的简单介绍一下,在demo只采用了两分屏对比,感兴趣的话,可以在两分屏的基础上拓展,修改css ...

  9. 利用Render Texture实现游戏的小雷达效果（摄影机分屏）

    最近游戏蛮牛在举办一个活动,就是要做出这样的效果: 题目:实现游戏分屏效果 要求:1.        分屏,且分割线不规则(即非水平或垂直):2.        各屏可单独操作(移动.缩放),操作指该 ...

随机推荐

  1. Vue 学习顺序

    起步: 1.扎实的 JavaScript / HTML / CSS 基本功,ES6 最好过一遍 2.通读官方教程 (guide) 的基础篇.不要用任何构建工具,就只用最简单的 <script&g ...

  2. Windows 7 Ultimate（旗舰版）SP1 32/64位官方原版下载地址

    MSDN于2011年5月12日,最新发布简体中文Windows 7 Ultimate 旗舰版 SP1 DVD镜像安装包,分32位和64位两个版本.最新发行代号分别是:677486(32位),67740 ...

  3. oracle goldengate技术架构-简单试验（全）

    一  GoldenGate简介 Oracle Golden Gate软件是一种基于日志的结构化数据复制备份软件,它通过解析源 数据库在线日志或归档日志获得数据的增量变化,再将这些变化应用到目标数据库, ...

  4. 【elasticsearch 依赖 urllib3 请问 是否 urllib3和阿里es、oss的对接出现异常】

    During handling of the above exception, another exception occurred: Traceback (most recent call last ...

  5. python tensorflow keras

    pip install tensorflow pip install keras pip install theano http://www.open-open.com/lib/view/open14 ...

  6. python3.7.2 ssl版本过低导致pip无法使用的问题

    环境:系统是centos6.6,python:python3.7.2 问题:安装好python3.pip后,在通过pip install xx 安装模块时,发现无法安装的问题,提示版本太低,系统默认的 ...

  7. 最近遇到的bug

    1. 地图周边快查,按钮点击没反应 子控件超出了父控件 2.图片显示灰色背景,一直去不掉    设置图片背景图片clear cloro  3. 显示隐藏导航栏  下面两个方法效果不同     self ...

  8. 利用burpsuite实现重放攻击

    1.什么是重放攻击? 顾名思义,重复的会话请求就是重放攻击.可能是因为用户重复发起请求,也可能是因为请求被攻击者获取,然后重新发给服务器. 附上详细的解释:http://blog.csdn.net/k ...

  9. go-006-运算符

    运算符用于在程序运行时执行数学或逻辑运算. Go 语言内置的运算符有: 算术运算符 关系运算符 逻辑运算符 位运算符 赋值运算符 其他运算符 算术运算符 下表列出了所有Go语言的算术运算符.假定 A ...

  10. 如何确定Hadoop中map和reduce的个数--map和reduce数量之间的关系是什么？

    一般情况下,在输入源是文件的时候,一个task的map数量由splitSize来决定的,那么splitSize是由以下几个来决定的 goalSize = totalSize / mapred.map. ...