自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 鼠标移入移出事件

案例:当鼠标移入div时,div改变背景颜色,鼠标移出时为最初背景颜色1.创建一个圆形,边框为1px 实线。 <style> h2 { text-align: center; } #one { width: 300px; height: 300px; border: 1px solid; marg

2021-11-05 15:54:17 314

原创 js导航栏点击变色

在写导航条时总会遇到点击当前li变色,同级兄弟li无变化这个问题,困扰了我很久。具体思路如下:1.html+css<ul> <li>首页</li> <li>服务</li> <li>案例</li> <li>客户</li> <li>动态</li> <li>口碑</li> <li>关

2021-10-31 12:29:14 3487

原创 break与continue区别

continue:跳过当前循环,继续下一次循环 // 求100-200之间所有奇数的和; var sum = 0; var i = 100; while (i <= 200) { //跳过偶数继续判断下一个数 if (i % 2 == 0) { i++; continue; }

2021-10-24 11:38:28 102

原创 jQuery简易计算器

首先,写出html结构 <div id="box"> <input type="text" value="0" id="result" readonly="readonly" /> <button class="btn" onclick="clean()">C</button> <button class="btn" onclick="negation()">+/-</button&g.

2021-10-16 23:26:36 258

原创 抽奖大转盘

效果图如下1.html结构思路:分为两半,左右各五份 <!-- 转盘 --> <div class="All"> <!-- 大圆 --> <div class="circle"> <!-- 左边半圆 --> <div class="left"> <div class="q1">&.

2021-10-10 21:06:44 135

原创 for循环案例

双重for循环案例1.打印五行五列星星var str=""; for(var i=1; i<=5; i++){ for(var j=1; j<=5; j++){ str = str + "☆"; } //如果一行打印完毕5个星星就要另起一行 加\n str = str + "\n"; } console.log(str);2.打印n行n列星星//获取行,列数 v

2021-10-08 14:10:32 263

原创 九九乘法表

js 代码如下 // 创建表格 document.write("<table>");// 创建九行,从第一行开始 for (var x = 1; x <= 9; x++) {//每循环一次创建一行 document.write("<tr>");// 在九行里创建1-9格for (var y = 1; y <= x; y++) {//创建每格,并且在里面写入乘法口诀 document.write("<td>" + x + ...

2021-10-02 20:58:13 116

原创 打印一个菱形

打印一个如下图的菱形

2021-09-25 22:56:43 65

原创 1~100之间的小案例

// 求1-100的累加和 var sum = 0; for (var i = 1; i <= 100; i++) { var sum = sum + i; } console.log(sum); // 求1-100之间所有数的平均值 var average = 0; average = sum / 100; console.log(avera...

2021-09-22 11:45:18 86

原创 数组排序的方法

一维数组从小到大排序的几种方法 var arr = [10, 90, 55, 96, 23, 8, 79];1.冒泡排序将第一个值与身后相邻的值进行比较,若身后相邻的值小则与第一个值交换位置。//两两相邻比较,数组长度需要减去自身长度,拿到第一个值for (var i = 0; i < arr.length-1; i++) { //获取第二个值,数组长度减去第一个然后再减自身长度 for (var j = 0; j < arr.length

2021-09-19 15:56:26 7505

原创 JavaScript数据类型转换

数据类型转换通俗来说,就是把一种数据类型的变量转换成另一种数据类型。一般会实现3种方式的转换:转换为字符串类型,数字型和布尔型。1.字符串类型

2021-05-28 20:36:46 112 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除