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. zeptojs使用及介绍，手机端为什么一定要用zeptojs？

    zepto是和jQuery和类似的框架,由于jQuery内置了很多解决浏览器兼容性的代码,导致jQuery过于臃肿,对于移动端来说,不需要太过于考虑浏览器的兼容,所以就诞生zeptojs. 总的来说: ...

  2. Jenkins的参数化构建

    一.参数化构建日志 1.查看效果 有时候开发需要查看服务器日志,传统的是需要运维登录服务器拉取开发所需要的服务日志,这么做的弊端是:1.如果日志比较大,拉取耗费时间.占用服务器资源.2.占用运维不必要 ...

  3. Oracle下Insert的介绍

    Insert是插入语句 insert into table(colname1,colname2) values(value1,valu2) 插入无效的会提示失败 数值类型在插入的时候不需要加引号,但是 ...

  4. PL/SQL集合（一）：记录类型（TYPE 类型名称 IS RECORD）

    记录类型 利用记录类型可以实现复合数据类型的定义: 记录类型允许嵌套: 可以直接利用记录类型更新数据. 传统操作的问题 对于Oracle数据类型,主要使用的是VARCHAR2.NUMBER.DATE等 ...

  5. MAC OSX

    你可以输入下面的命令来查看IPv4端口:(最好加 sudo) # lsof -Pnl +M -i4

  6. java观察者(Observer)模式

    观察者模式:     试想,在电子商务网站上,一个用户看中了一件一份,但是当时衣服的价格太贵,你需要将衣服收藏,以便等衣服降价时自动通知该用户.这里就是典型的观察模式的例子.     1.观察者模式的 ...

  7. Team Formation---zoj3870（异或）

    题目链接:http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemId=5518 题意就是有n个数,如果满足a^b > MAX(a, b) ...

  8. the source attachment does not contain the source for the file xxx.class无法关联到某个类

    问题描述: 按下列操作添加相应路径(这里是错误操作) 该问题仍旧无法解决: 注意:这里spring-webmvc-4.1.7.RELEASE.JAR中确实包含AnntationMethodHandle ...

  9. 十六.MySQL存储过程

    1.创建一个没有参数的存储过程 CREATE PROCEDURE sp1() SELECT VERSION(); 调用存储过程:CALL sp1(); 2.带有IN参数的存储过程 CREATE PRO ...

  10. 【Python】接口自动化测试-Fidder的使用（未完待续……）

    一.fidder一些一定需要掌握的知识. 1.工具简介 2.清屏操作(1中提到了,这里再着重说明下): 3.get和post请求参数相关: 4.会话框(Fidder左侧区域内容解析): 5.Reque ...