js
关注
分享
扫一扫
Hu：
关注我，让你变得更菜哦
展开
-
html+css+js——仿京东页面
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>18 不负每一分热爱</title></head><body><style> *{ margin: 0; padding: 0; } .d1{ width: 100%;原创 2021-06-20 19:49:47 · 913 阅读 · 0 评论 -
JavaScript8——手机验证码的简单界面实现
具体代码如下：<h>手机号:</h><input type="text"><button>发送</button><script> var btn=document.querySelector('button'); var tim=10; btn.addEventListener('click',function () { btn.disabled=true; var tim原创 2021-06-10 12:43:41 · 180 阅读 · 0 评论 -
JavaScript7——页面倒计时效果的实现
具体代码入下：<style> div{ width: 200px; height: 300px; background-color: #f3313b; margin: 40px auto; } span{ display: inline-block; width: 60px; height: 60px; background-color: bl原创 2021-06-10 12:40:17 · 297 阅读 · 0 评论 -
JavaScript6——导航栏及二级下拉栏的制作
这次以新浪的导航栏为例模仿制作了一个，具体代码如下：<style> *{ padding: 0; margin: 0; } .u1{ height: 41px; width: 100%; border-top: 3px solid #ff8500; border-bottom: 1px solid #edeef0; color: black; }原创 2021-06-06 11:39:12 · 1367 阅读 · 2 评论 -
JavaScript——tab栏切换效果的实现
具体代码如下：<style> *{ margin: 0; padding: 0; } .d1{ margin: 100px auto; width: 638px; } .d2{ height: 39px; border: 1px solid #ccc; background-color: #CCCCCC; } .d2 li{原创 2021-06-05 13:19:52 · 720 阅读 · 0 评论 -
JavaScript2——显示隐层文本框的内容
我们模仿一下世纪佳缘网的例子：当鼠标点击对话框的时候里面的内容隐层，并且对话框变成粉色，点击空白区域，对话框的内容又显示，并且对话框颜色又重新变成黑色。具体代码如下：<style> .box{ width: 600px; padding-left: 500px; } input{ color: #999; border-color: #999; } button{ bac原创 2021-06-03 18:59:22 · 208 阅读 · 0 评论 -
javaScript2——执行点击事件
首先，事件由事件源 、事件类型、事件处理程序组成的。事件类型主要有：鼠标点击、鼠标滑过、键盘按下等等。事件处理主要是通过函数赋值的方式来实现的。下面以一个点击事件为例：设置一个（唐伯虎）按钮，然后按下按钮会弹出（点秋香）的页面具体代码如下：<button id="btn">唐伯虎</button><script>var btn = document.getElementById('btn'); //获取事件源btn.onclick=function原创 2021-06-02 20:05:10 · 988 阅读 · 0 评论 -
javaScript学习1——获取元素的几种方法
1.getElementById获取元素通过id来获取元素<div id="time">2018174</div><script> var timer = document.getElementById('time'); console.log(timer); console.log (typeof timer); console.dir(timer); //打印返回的元素对象 更好的查看里面的属性和方法</script&原创 2021-06-02 17:06:21 · 336 阅读 · 0 评论