文件名称:JavaScript30:练习来自Wes Bos的JS30
文件大小:57.81MB
文件格式:ZIP
更新时间:2024-08-24 01:15:48
HTML
JavaScript30 练习来自 notice: 因为希望有多一点的创作练习,从第八日开始作品不再照着范例练习(但是主要知识的运用是一样的),若希望看到原作者的练习可以点上面的连结。 挑战 内容 笔记 Demo Drum Kit 按下指定按键会出现指定声响,于按下同时产生动画效果。运用基本JavaScript,监听keydown事件,取得e.keyCode,触发声音播放与toggle加上动画效果 笔记 Demo css+JS Clock 制作大时钟与放上背景音乐拨放。指针部分利用transform-origin通一基准点,透过setInterval()让每一秒都抓一次时间 笔记 Demo Update CSS Variables with JS 监听每个input的改变,以动态改变CSS变数使用forEach: 选取所有的inputs,使用forEach个别监听 笔记 Demo Arr
【文件预览】:
JavaScript30-main
----JS4-Array Cardio()
--------index.html(2KB)
--------README.md(963B)
----JS5-Flex Panel Image Gallery()
--------index.html(1011B)
--------all.css(2KB)
--------all.js(455B)
----JS7-HTML5 Canvas()
--------style()
--------index.html(1KB)
--------all.js(2KB)
----JS3-Update CSS Variables with JS()
--------index.html(903B)
--------pexels-timothy-paule-ii-2002719.jpg(1.88MB)
--------all.js(406B)
--------css()
----JS6-Ajax Type Ahead()
--------index.html(2KB)
--------style.css(1KB)
----README.md(3KB)
----JS2-CSS+JSClock()
--------Best Music for Studying - Alex Barry - 05 Awaiting Your Arrival.wav(59.02MB)
--------index.html(670B)
--------pexels-c爐ia-matos-1072179.jpg(1.14MB)
--------all.js(922B)
--------css()
----JS1-DrumKit()
--------index.html(2KB)
--------sound()
--------background.jpg(853KB)
--------all.js(700B)
--------css()