![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
js
2
爱睡觉的小馨
Java基础、Java高级、HTML与CSS、JavaScript、数据结构、MYSQL、oracle、android、C++、SSH、离散数学、高数、英语、python
展开
-
干货知识!!!——普通css代码与js代码实现Tab菜单栏的切换效果的代码比较(文本内容随着切换内容的改变而显示与隐藏)
css版本1⃣️:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>按照顺序传递参数</title> <style> h2 { border-top: solid cornflowerblue 1px; border-left: solid .原创 2021-04-10 09:46:48 · 323 阅读 · 0 评论 -
编写js实现表格内容的行添加与行删除
实用版代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="../js/jquery-1.原创 2021-04-10 09:46:08 · 323 阅读 · 0 评论 -
编写js实现随机验证码的生成(初始生成随机验证码,点击刷新按钮重新刷新随机验证码)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title><style> *{ margin: 0; .原创 2021-04-10 09:45:06 · 681 阅读 · 0 评论 -
编写js,通过使用Date对象实现活动截止时间的倒计时的效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box{原创 2021-04-10 09:44:37 · 310 阅读 · 0 评论 -
编写js通过 定时器 的使用实现页面的自动跳转功能
方案一:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>定时跳转</title> <style> body{background:gray;} div{margin:20px auto;width:350px;height:150px;border:1px solid #000;backgrou.原创 2021-04-10 09:44:12 · 764 阅读 · 0 评论 -
编写js实现红绿灯效果(亮灯的转换以及倒计时的显示)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #box{原创 2021-04-10 09:43:36 · 4367 阅读 · 0 评论 -
js项目实战——消灭星星(源码)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body onload="inIt()">原创 2021-03-31 15:28:14 · 759 阅读 · 0 评论 -
自编js代码实现轮播图的自动播放以及点击左右切换按钮切换图片(源码!!!)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title><style> *{ margin: 0;原创 2021-03-31 15:27:42 · 897 阅读 · 0 评论 -
编写js使用Date对象获取电脑上的标准时间
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D..原创 2021-03-31 15:27:17 · 280 阅读 · 0 评论 -
js+css+html设计出优美的网页轮播图,实现循环的图片轮播效果,轮播就完事了
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title><style> *{ margin: 0;原创 2020-12-30 18:04:22 · 942 阅读 · 0 评论 -
编写js代码,实现根据系统时间显示问候语的功能,通过改变div中的内容,显示不同问候语
要求如下:6点之前——凌晨好9点之前——早上好12点之前——上午好14点之前——中午好17点之前——下午好19点之前——傍晚好22点之前——晚上好22点之后包括22点——夜里好<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sc原创 2020-12-30 18:03:50 · 19185 阅读 · 3 评论 -
编写js,使用对象字面量的形式创建一个名字为可可的狗的对象,具体信息如下:
名称:可可类型:阿拉斯加犬年龄:5岁颜色:棕红色技能:汪汪叫,摇尾巴<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>原创 2020-12-30 18:03:34 · 8914 阅读 · 0 评论 -
编写js,移出数组arr “[1,2,3,4,,2,5,6,2,7,2]“中与2相等的元素,并生成一个新数组,不改变原数组
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> var arr = [1,原创 2020-12-30 18:03:22 · 9076 阅读 · 0 评论 -
编写js根据用户输入的数值(数字1~7),返回对应的星期几,例如,7代表星期日、6代表星期六,以此类推
<script> var number = prompt('请输入1-7之间的数字'); switch (number) { case '7': alert('星期日'); break; case '6': alert('星期六'); break; case '5': alert('星期五'); break; case '4': alert('星期四'); br原创 2020-12-28 16:56:51 · 17863 阅读 · 7 评论 -
编写js实现图片跟随鼠标指针移动
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Document</title> <style> img { position: absolute; top: 2px; } </style> </head> <body>.原创 2020-12-28 16:56:21 · 684 阅读 · 0 评论 -
编写js通过节点操作实现简易留言板功能
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Document</title> <style> * { margin: 0; padding: 0; } body { padding: 100px; } text.原创 2020-12-23 13:28:25 · 425 阅读 · 0 评论 -
编写js+html+css实现下拉菜单的制作
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Document</title> <style> * { margin: 0; padding: 0; } li { list-style-type: none; } .原创 2020-12-23 13:28:02 · 511 阅读 · 0 评论 -
编写js实现Tab栏切换(点击不同块的时候出现不同的文本信息)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Document</title> <style> * { margin: 0; padding: 0; } li { list-style-type: none; } .原创 2020-12-21 15:53:28 · 718 阅读 · 0 评论 -
编写js+css+html实现鼠标指针经过某一行时,实现该行背景颜色变色
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> table { wid原创 2020-12-21 15:53:04 · 1862 阅读 · 0 评论 -
编写js比较两个数的最大值(用户依次输入两个数,最后弹出最大的那个值)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> var num1 = pr原创 2020-12-06 17:46:55 · 15139 阅读 · 4 评论 -
编写js,利用文本弹出框计算矩形的面积
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>计算矩形的面积</title></head><body> <in原创 2020-12-06 17:46:10 · 747 阅读 · 0 评论 -
编写js,获取和设置元素属性,使内容发生变化
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>获取和设置元素属性</title><script> function change(原创 2020-12-05 09:03:32 · 120 阅读 · 1 评论 -
编写js代码,点击相应的按钮使得网页背景颜色发生改变
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>改变网页背景色</title> <script> function color(原创 2020-12-05 09:02:52 · 4106 阅读 · 1 评论 -
编写js,当点击按钮的时候,发生网页字符串的改变、弹出网页警示框
网页字符串的改变:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> .原创 2020-12-02 18:00:28 · 951 阅读 · 0 评论