OJoyha的博客

##用键盘输入三个数字并将其按顺序输出 代码：import java.util.Scanner; public class Demo { public static void main(String[]args) { Scanner sc=new Scanner(System.in); System.out.print(“请输入三个数字比较大小”); System.out.print(“请输入a”...

文字背景图漂浮特效 今天新学习的一个页面特效，代码非常简单，只有短短的几行，不过效果很好，一般适用于网站的起始页。原理非常简单，主要有以下几个步骤。 首先设置一个div，写上要展示的内容，并将文字的颜色设置为透明。 给div设置一个背景图，将背景图样式设置为从文字内容切割，即background-clip：text。 开启一个计时器，每隔30ms，让背景图的position向左移动2px； 注意...

弹性盒模型 今天学习了弹性盒模型，弹性盒模型其本质上就是Box-model的延伸，用来设计更复杂的版面布局。我将从以下三方面来分享弹性盒模型的学习。 弹性盒模型基础概念 为了直观清晰的介绍弹性盒模型，下面我将引入一张图片， 弹性盒模型按照宽高分为8个点， 水平的主轴：main axis； 垂直的纵轴：cross axis； 纵轴的开始位置和边框的交点：cross start；纵轴的结束位置和边框...

用jQuery做一个用鼠标和键盘控制div移动的特效 这个特效就是页面中有一个div方块，用鼠标拖动改变它的位置，同时也可以用键盘的上下左右键控制它的走向，这个特效在游戏中用的挺多的。这个特效我分为俩部分来实现：分别是鼠标拖动和键盘控制。 鼠标拖动 先设置一个div方块，设置它的宽、高、背景颜色，然后将它的位置设置为绝对定位（position：absolute）。 在鼠标落在div上时，计算出鼠...