刘先生LSS-CSDN博客

原创 js实现轮播图效果，纯手工打造，代码详细

大家在浏览淘宝，京东等页面时，一定会发现它的轮播部分，把要宣传或者展示的内容用轮播的形式呈现给大家，本节呢，就把代码分享给大家，希望对大家有帮助。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .contain img { width: 600px;

2022-04-08 00:01:51 800

原创 js实现购物车，原理简单，代码解释--＞详细

大家在淘宝或者京东购物时，看到在选中全选按钮，或者其他商品选中，从而触发全选按钮是怎么实现的吗？单商品的价格计算随着数量的增多减少而上升或者下降吗？总价随着每个商品的价格相加或相减，而变化吗？来看看下面的代码吧，实现以上所有功能。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <bo

2022-04-06 23:02:38 8972

原创 js实现红心好评

5星好评在美团中最为常见，大家不仅要知道效果，也要对实现效果的代码有了解。接下来上代码！！！<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="base.css"/> <style type="text/css"&gt

2022-04-04 18:58:13 1286

原创 js实现冒泡排序(附加sort实现效果)，详细代码【重要】

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> var arr=[64,87,36,65]; // 外层控制比较的轮数 for(var i=0;i<arr.length-1;i.

2022-04-04 18:38:40 2192

原创 js基础教程---js实现数组去重

数组去重是咱们生活中经常见到的实现方式，现在就简单介绍一下实现方法。话不多说，上代码！！！<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> var array=[12,45,12,67,45

2022-04-04 18:07:52 448

原创 js实现----随机抽取人员(详细代码，无删减)

随机抽取人员，是常见的js实现形式。点击开始按钮，代码按设置的开始执行，开始变成结束，点击结束，代码停止运行。话不多说，上代码！！！<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #active { width: 200px; ...

2022-04-02 10:50:22 4534

原创 js实现计时器---解决活动倒计时(还有多少天、时、分、秒)

活动倒计时，是非常重要且常见的形式，例如京东、淘宝等商品活动，优惠或者打折所呈现的形式。话不多说，上代码！！！<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #active{ width: 600px; height: 80px;...

2022-04-02 10:30:07 1857

斐波那契是js非常典型的一个实例，如果明白它的原理，操作起来就事半功倍。话不多说，上代码！！！注：本节知识重在让大家了解其原理，只举了8位数字，大家可以在练习中加以修饰。虽然适用于数学方面，但应用在咱们代码上，也有一番不同风味。可以增加咱们操作的逻辑性，为更大、更难的逻辑问题打下坚实的基础。（这个数列从第3项开始，每一项都等于前两项之和。)<!DOCTYPE html><html> <head> <...

2022-04-01 14:43:43 922

原创 js实现-九九乘法表，代码详细，无删减

js实现九九乘法表是一个非常基础且典型的实例，快来看一下吧。如何用js实现99乘法表？<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> document.write("<tabl

2022-04-01 14:23:48 1989

原创 JS基础教程，实现鸡兔同笼

问：鸡兔同笼35个头94只脚用鸡多少只？兔有多少只？非常典型的js实例，来看一下吧。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> for(var i=0;i<=35;i++.

2022-04-01 14:16:48 3526 1

原创 [HTML] CSS基础教程----解决父子传递的方式，和块元素垂直居中以及cursor的使用

目录一、解决父子传递练习一二、块元素垂直居中练习二三、cursor四、总结(接上一期知识，咱们继续讲解。)一、解决父子传递 margin-top传递：如果块级元素的顶部线和父元素的顶部线重叠，那么这个块级元素的 margin-top值会传递给父元素。解决方式：一、给父母设置border边框二、父级设置padding三、父级触发BFC 1.overflow：hidden; ...

2022-03-30 12:57:28 895

原创 [HTML]CSS基础教程透明度+优先级，满满的实用技巧

目录一、透明度二、优先级三、块元素隐藏与显示四、总结(接上一期知识，咱们继续讲解。)一、透明度1、 opacity：0-1，值越小越透明例：opacity：0,52、兼容IE8以下：0-100 例：filter：alpha(opacity=30)3、rgba 例：background-color：rgba（255,0,0,0.5）4、transpa...

2022-03-30 12:02:19 985

原创【HTML】CSS入门教程---基本布局定位流(相对定位+绝对定位+固定定位+粘性定位)

目录一、相对定位二、绝对定位三、固定定位四、粘性定位五、总结(接上一期知识，咱们继续讲解。)一、相对定位 relative：可以理解为相对于自身定位<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> ....

2022-03-25 10:19:04 1220

原创【HTML】CSS基础教程 float浮动，珍藏笔记，实用

(接上一期知识，咱们继续讲解。)一、float float：left float：right 浮动特性： 1.浮动元素脱离标准文档流，形成浮动流 2.块元素看不到浮动元素 3.bfc元素、行内元素、行内块元素和文本全都看得见浮动元素 4.所有经过浮动的元素都会变成行内块元素包括span...

2022-03-23 22:39:30 1105 1

原创【HTML】CSS入门教程——盒子模型+列表属性+display+图像精灵常用页面布局操作

目录一、盒子模型练习一二、列表属性练习二三、display练习三四、图像精灵五、总结(接上一期知识，咱们继续讲解。)一、盒子模型1. 盒子模型：外边距+边框+内边距+内容2. padding：内边距：内容与父元素边框四周的距离3. margin：外边距：内容与浏览器边框的距离练习一<!DOCTYPE html><html> <head> <meta charset="...

2022-03-23 00:09:20 1378

原创 [HTML]入门教程——CSS样式属性

一、字体样式字体大小：font-size：px/em 字体粗细：font-weight：100-900 lighter/bold/bolder 字体风格：font-style： normal:正常，默认 Italic是使用文字本身的斜体属性 Oblique是让没有斜体属性的文...

2022-03-22 22:24:07 2112

原创 [HTML] CSS入门小知识基础定义+引入+选择器+超链接伪类。。。

一、CSS 1.定义全称：层叠样式表 (Casecading Style Sheets) CSS可以静态地修饰网页，美化页面布局，还可以配合HTML等语言对网页各元素进行维护控制，让页面看起来更美观。 2.引入方式行内样式：适用于某一段<div style=""></div>...

2022-03-18 16:06:36 1063 4

原创【HTML】入门小知识，表格？解决它。

目录一、表单 1.公式 2.表单域input 3.表单按钮input 4.下拉框 5.多文本区域 6.label练习一练习二练习三练习四练习五练习六二、总结(接上一期知识，咱们继续讲解。)一、表单 1.公式 <form action="" method=""> ...

2022-03-17 21:09:01 908 1

原创 [HTML]入门小知识，列表？框架？表格？来吧。纯手工制作，满满都是智慧

目录一、列表列表样式定义：练习一：练习二：练习三：练习四：练习五：二、框架卡点小知识：练习：三、表格定义：练习一：练习二：练习三：四、总结(接上一期知识，咱们继续讲解。)一、列表列表样式定义： 1.无序列表： <ul> <li></li...

2022-03-16 19:37:52 1053 1

原创 [HTML]想学习？先来了解一下入门小知识吧

目录一、HTML是什么？二、基本标签一、HTML是什么？HTML：Hyper Text Markup Language(简写：HTML)中文名：超文本标记语言HTML是一种标记语言，通过大量的标签，来描述网页的各个组成部分。二、基本标签特殊格式：空格号： &ensp;&emsp;大于号：>小于号：<版权号：©双引号：&quto;加粗：<st..

2022-03-14 21:16:48 1267 3

hnspystqxskzlqc的博客