Devil_xkl-CSDN博客

原创简单的模拟股票

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .increase{color: red;} .d

2018-02-27 20:18:17 1108

原创简单的天气预报

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>天气预报</title> <style> *{margin: 0;padding: 0;} li{list-style: none;} </styl

2018-02-27 20:10:37 436

原创瀑布流-滚动-延时加载图片内容

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{margin: 0; padding: 0; font-size: 12px;} #container

2018-02-27 20:04:12 314

原创 “筋斗云”小案例

* { margin: 0; padding: 0; } body { background-color: #333; } .box { width: 800px; height: 42px;

2017-08-21 20:14:17 536

原创缓动原理的MyJquery

//animation：让指定的DOM元素缓动到指定的位置//左右缓动//原理：物体位置= 物体本身的位置+（目标位置-物体本身的位置）/10function animation(obj,target){ clearInterval(obj.timer);//清除定时器 obj.timer = setInterval(function(){ var speed= (target-ob

2017-08-21 19:50:56 318

原创根据字符查找索引

var str = "hello world!"; console.log(str.indexOf('o'));//从前往后找到第一个符合条件的元素，4 console.log(str.lastindexOf('o'));//从后往前找第一个符合条件的元素， 7 console.log(str.lastIndexOf('i'));//如果找不到，返回-1

2017-08-17 19:16:18 393

原创简单的时钟的做法

//先做一个函数，生成时分秒 function now(){ var nowTime =new Date(); var h = nowTime.getHours(); var m = nowTime.getMinutes(); var s = nowTime.getSeconds(); //判断个位数是否小于10，在前面补零 if(h<10){

2017-08-17 18:36:58 766

原创 JavaScript中的求和（递归）

//1加到1000；不能用循环 //1+2=3 //3+3=6 //6+4=10 //根据规律，每次都是做2个数的加法 function add(num1,num2){ var num = num1+num2; if(num2+1>100){ return num; }else{ re

2017-08-17 15:55:06 5749

原创图片边距消除的方法

消除图片边距的方法：1、图片横排产生边距消除方法：给图片设置浮动 floa；2、图片竖排产生边距消除方法：给图片设置vertical-align;代码如下：（内含注释，图片可自由更换） *{ padding: 0; margin: 0; } body{ color: #fff; background: #000;

2017-07-29 17:15:39 2340

原创 H5之制作简单的手风琴

用Html5制作一个简单的手风琴，代码如下 *{ padding: 0;margin: 0; } .box{ width: 450px; margin: 0 auto; } .box h2{ width: 450px; height: 30px; background: skyblue; border-radiu

2017-07-29 17:09:39 1264

原创浮动

关于浮动的一些事项：1、只要使用了浮动便是脱离了文档流，不占有空间就是文档流。2、浮动了的元素会优先显示。3、清除浮动的方法：直接找到最后一个元素的后边的标签添加 clear：both只要使用了浮动便是脱离了文档流，不占有空间就是文档流注意：浮动了的元素会优先显示清除浮动：找到最后一个浮动元素的后边的

2017-07-29 16:53:51 426

原创个人心得

大家好

2017-07-29 15:14:30 240

原创 m、p的一些事项

m:是指margin;p:是指padding。两者之间的异同点：1)共同点：都有四个值，margin-top(外上边距)、margin-right(外右边距)、 margin-bottom(外下边距)、margin-left(外左边距);padding-top(内上边距)、 padding-right(内右边距)、padding-bott

2017-07-28 19:16:01 542

Devil_lzh的博客