CSS Note 2.2 transition和transform组合动画
一、CSS
@charset "UTF-8";
div{
margin: 10px;
padding: 10px;
width: 160px;
height: 80px;
background: chartreuse ;
}
#div1:hover{
background: green;
width: 60px;
transition-property: width;/*设定对宽度进行过渡*/
transition-
CSS Note 2.3 animation
一、CSS
@charset "UTF-8";
div{
margin: 10px;
padding: 10px;
width: 160px;
height: 80px;
background: chartreuse ;
}
@keyframes my {
from {
margin-left: 50px;
background-color: green;
}
to {
mar
CSS Note 2.4 其他常用元素
一、CSS
@charset "UTF-8";
div{
margin: 10px;
}
#div1{
background-color:rgb(255,0,0);
width: 240px;
height: 120px;
opacity:0.6 ;/*opacity会作用于内容和元素，而rgba的透明度则只作用于元素*/
}
#div2{
width: 240px;
height: 120px;
background-col
CSS Note 2.5 下拉菜单
一、CSS
@charset "UTF-8";
*{
padding: 0px;
margin: 0px;
}
.ul1{
margin: 40px;
}
ul{
list-style: none;
}
a{
text-decoration: none;
}
.ul1>li{
width: 160px;
height: 40px;
background: rgba(30,80,200,0.6);
font-size: 2
CSS 2.6 仿360囧图
一、CSS
@charset "UTF-8";
*{
margin: 0;
padding: 0;
}
ul{
list-style: none;
}
a{
text-decoration: none;
color: #ffffff;
}
body{
background: rgba(20 ,20, 20, 0.2);
}
header{
height: 50px;
width: 100%;
background: ur
CSS 2.7仿天猫
一、CSS
@charset "UTF-8";
*{
margin: 0;
padding: 0;
}
.html,body,wrap{
height: 100%;
width: 100%;
}
body{
background: rgba(90,60,30,0.3);
}
ul{
list-style-type: none;
}
a{
text-decoration: none;
color: #fff;
}
a:active
JavaScript 1.1 数组中常用的方法详
一、JS代码
<script>
var num = new Array(3);
for(var k = 1; k<=num.length; k++){
num[k-1] = k;
}
var str = new Array(4);
for(var j = 1 ;j<=str.length; j++){
switch (j){
case 1:str[j-1] = 'A';
JavaScript 1.2 Date
一、JS代码
<script>
document.write((new Date().getTimezoneOffset())/60 + '<br>');//返回本地时间和UTC的时差
document.write(+ new Date() + '<br>');//+new Date()==new Date().valueof()==new Date().getTime()==Date.now()
document.write(Date.now() + '<br>')
JavaScript 1.3 String
一、String方法示例
<script>
var str = new Ren('王二' ,25);
function Ren(name, age) {
this.name = name;
this.age = age;
}
Ren.prototype.shen = "学生" ;/*给Ren对象添加公用的属性shen和公用的方法get()*/
Ren.prototype.my = get();
document.
JavaScript 1.4 Math
一、Math属性
E：返回算术常量 e，即自然对数的底数（约等于2.718）
LN2：返回 2 的自然对数（约等于0.693）
LN10：返回 10 的自然对数（约等于2.302）
LOG2E：返回以 2 为底的 e 的对数（约等于 1.414）
LOG10E：返回以 10 为底的 e 的对数（约等于0.434）
PI：返回圆周率（约等于3.14159）
SQRT1_2：返回 2 的平方根的倒数（约等于 0.707）
SQRT2：返回 2 的开平方根（约等于 1.414） 二、Math常用方
JavaScript 1.5 提示框
一、示例
alert():显示带有一段消息和一个确认按钮的警告框。
confirm():显示带有一段消息以及确认按钮和取消按钮的对话框。
prompt():显示可提示用户输入的对话框。
<script>
function send() {
var a = prompt("请输入我是猪");
if( a !="我是猪"){
send();
}
else {
con();
}
JavaScript 1.6 windows对象
一、示例
<body>
<button onclick="cli()">示例1</button>
<br>
<button onclick="ope()">示例2</button>
<br>
<button onclick="exm()">示例3</button>
<br>
<button id="butt" onclick="start()" value="0" type="button">开始</button>
<input type="text" id="tex" value="00"
7-8 File Transfer
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/Authur520/article/details/84837984 We have a network of computers and a list of bi-directional connections. Each of these connections allows a file transfer from one computer to another. Is it possibl
7-6 Root of AVL Tree
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/Authur520/article/details/84876430 An AVL tree is a self-balancing binary search tree. In an AVL tree, the heights of the two child subtrees of any node differ by at most one; if at any time they diff
7-7 Complete Binary Search Tree
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/Authur520/article/details/84886068 A Binary Search Tree (BST) is recursively defined as a binary tree which has the following properties: The left subtree of a node contains only nodes with keys less
6-6 Level-order Traversal
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/Authur520/article/details/84886802 Write a routine to list out the nodes of a binary tree in "level-order". List the root, then nodes at depth 1, followed by nodes at depth 2, and so on. You must do t
6-7 Isomorphic
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/Authur520/article/details/84887078 Two trees, T1 and T2, are isomorphic if T1 can be transformed into T2 by swapping left and right children of (some of the) nodes in T1. For instance, the two trees i
6-9 二叉树的遍历
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/Authur520/article/details/84887285 本题要求给定二叉树的4种遍历。 函数接口定义：
void InorderTraversal( BinTree BT );
void PreorderTraversal( BinTree BT );
void PostorderTraversal( BinTree BT );
void LevelorderTraversal(
Python绘制五星红旗
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/Authur520/article/details/84895430 这里使用了python的turtle库，具体库里面的各函数的含义请参考这位网友的博客： https://blog.csdn.net/zengxiantao1994/article/details/76588580 本人目前Python小白，如果画的不好请各位网友多多指教。
#五星红旗
import turtle as t
t
今日推荐
周排行