折腾Next主题中的motion.js
- 2018-2-28
- 折腾
Next主题中的motion.js和网站中的动画有关,因此像我这种喜欢自定义样式和动画的用户还是很有必要研究一下motion.js的具体内容。同时,在研究这个js文件的同时,也能顺便提高一下我的javascript能力,何乐而不为呢?
Next主题中的motion.js和网站中的动画有关,因此像我这种喜欢自定义样式和动画的用户还是很有必要研究一下motion.js的具体内容。同时,在研究这个js文件的同时,也能顺便提高一下我的javascript能力,何乐而不为呢?
AutoHotKey脚本自带一个setTimer
指令,今天我在实际使用中用到了这个特性,尝试了多次才成功,特地记下以便备忘。
CSS世界的诞生就是为图文信息展示服务的。
"流"是CSS中一种基本的定位和布局机制,它引导着HTML中元素的排列和定位。HTML默认采用流体布局,我们也可以通过破坏"流"来实现特殊布局。默认的流向是从左向右、自上而下,但这种流向我们也是可以改变的。
指的是利用元素"流"的特性实现的各类布局效果。因为"流"本身具有自适应特性,所以流体布局是具有自适应性的。(注意: 自适应布局是对具有自适应特性的一类布局的统称,它包括流体布局)
<table>
标签"流"的特性对<table>
并不适用,因为它不属于CSS。
① 布局更丰富:
② 视觉表现长足进步:
由于CSS3设计初衷是为了实现更丰富、更复杂的网页,所以基本上和"流"的关系并不大。
指的是规范顾及不到的细枝末节的实现,就称为"未定义行为"
如: firefox认为:active发生在mousedown事件之后,而IE/Chrome认为:active发生在mousedown事件之前。
我们通常把HTML标签分为两类: 块级元素(block-level element)和内联元素(inline element)
1 | border-bottom: 1px solid #b70000; |
让我们分析一下为什么会这么神奇:
放大400%后的效果
原来是利用上下边框的颜色深浅差异,给人一种凹陷的错觉。
参考链接:http://demo.cssworld.cn/3/2-3.php
width:auto
包含了4种不同的宽度表现:
充分利用可用空间是唯一的外部尺寸, 其余都是内部尺寸, 而这唯一的外部尺寸,是流的精髓所在。
在实际的Android开发中,我们开发的应用可能会需要申请root权限,但应该怎么样写这段代码呢?
这里提供一个申请root权限的类,方便大家使用~
在实际Android开发过程中,某些待调试的应用可能需要root权限,但是AVD Manager默认创建的AVD是不带root权限的,这时候应该怎样才能才能root我们的AVD呢?
在 Deepin 系统下使用Android Studio开发移动应用时,当使用模拟器调试时出现了以下报错:
1 | 下午5:07 Emulator: libGL error: unable to load driver: i965_dri.so |
在使用Android Studio开发Android应用的过程中碰到了如下错误:
1 | Error:(21, 76) 错误: 找不到符号 |
原因:
在把U盘用U深度制作成PE盘之后,再打开深度启动盘制作工具会出现无法识别U盘启动的情况,这是什么原因呢?我试试将U盘格式化、重启电脑等各种方法,终究是无法解决问题。无奈只好求助百度,发现在官方论坛已经有类似的反馈,根据官方的介绍,原来是我们的U盘被系统识别成本地磁盘,而不是可移动磁盘,而深度启动盘制作工具默认是屏蔽本地磁盘的。
最近折腾Windows 10和Linux双系统,后来Linux系统不想用了,就直接进PE把Linux那块分区给格掉了。这不格式化还好,一个格式化电脑开机就直接进入grub rescue>
不是吧,这么背!百度一波,原来是磁盘丢失引导导致的问题。抱着折腾不死那就往死里折腾的心态,我开始走上强制关机、进PE修复引导的不归路……
废话不多说,直接上代码: 1
2
3
4
5
6
7
8
9
10
11
12
13
14<script>
function showImg(e, id) {
var image = document.getElementById(id);
image.style.left = e.clientX + 20 + 'px';
image.style.top = e.clientY + 30 + 'px';
image.style.display = "block";
}
function hideImg(name) {
document.getElementById(name).style.display = "none";
}
</script>
<img src="http://images.lolimay.cn/18-2-17/82883809.jpg" style="display:none;position:absolute" id="pic">
<a onmousemove="showImg(event,'pic')" onmouseout="hideImg('pic')" style="cursor:pointer; ">鼠标移上显示图片</a>