HTML
关注
分享
扫一扫
Axs1
这个作者很懒，什么都没留下…
展开
-
用canvas和Date实现一个钟
源码<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />原创 2018-10-11 13:39:04 · 217 阅读 · 0 评论 -
自动滑入后停顿的原生JS轮播图DEMO
JS代码<script type="text/javascript"> window.onload=function(){ with(document){ var outer=getElementById("outer"), imgs=getElementById("imgs"), icon=getElementById("icon"), l...原创 2018-11-08 14:03:34 · 576 阅读 · 0 评论 -
浏览器窗口大小和页面可视区大小（一）
innerWidth innerHeight outerWidth outerHeight document.doucument.Element.clientWidth / clientHeight document.body.clientWidth /clie...原创 2018-11-07 15:52:55 · 8375 阅读 · 1 评论 -
添加锚点的三种方式
1.通过链接跳转到指定id的位置： <body> <a href="#a">跳转到指定位置</a> <ul> <li>1</li> <li>1</li> <li id="a" style="c原创 2018-10-29 19:09:52 · 3706 阅读 · 0 评论 -
event.target和this的区别
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box1{ width: 200px; h原创 2018-10-17 20:42:40 · 749 阅读 · 0 评论 -
原生JS实现瀑布流
JS代码window.onload=function(){ imgnum("container","box"); imgheight("container","box") var imgData={"data":[{"src":"2.jpg"},{"src":"3.jpg"},{"src":&q原创 2018-10-16 22:46:04 · 218 阅读 · 0 评论 -
client..和offset..以及scroll..的区别
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0;原创 2018-10-16 14:47:29 · 240 阅读 · 0 评论 -
一次记清楚offsetXXX、clientXXX、scrollXXX的区别
今天又用到了这几个属性，当初记住了时间长了竟然还用混了。做个demo一次性整明白。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"&am原创 2018-11-19 21:10:16 · 211 阅读 · 0 评论