05 2022 档案

07-split-landing-page（左右分页）

摘要：html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten 阅读全文

posted @ 2022-05-31 17:56 漫漫长路</> 阅读(43) 评论(0) 推荐(0) 编辑

06-scroll-Animation（滚动动画效果）

摘要：html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten 阅读全文

posted @ 2022-05-31 16:47 漫漫长路</> 阅读(36) 评论(0) 推荐(0) 编辑

05-Blurry-Loading 模糊加载效果

摘要：html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten 阅读全文

posted @ 2022-05-31 15:48 漫漫长路</> 阅读(32) 评论(0) 推荐(0) 编辑

Jquery滚动到底部加载ajax

摘要：滚动到底部时，会附加 html 元素。这种附加机制只做了两次，最后附加了一个粉蓝色的按钮。 <!DOCTYPE html> <html> <head> <title>Demo: Lazy Loader</title> <script src="https://code.jquery.com/jque 阅读全文

posted @ 2022-05-31 14:13 漫漫长路</> 阅读(146) 评论(0) 推荐(0) 编辑

JavaScript DOM [13 个练习和解决方案]

摘要：1.这是一个带有提交按钮的示例 html 文件。现在通过javascript代码修改段落文本的样式。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" c 阅读全文

posted @ 2022-05-18 11:14 漫漫长路</> 阅读(57) 评论(0) 推荐(0) 编辑

jquery实现企业站数字滚动增加效果

摘要：html <div class="counting"> <div class="box"> <h1 class="count" data-count="1200">1200+</h1> <h3>working hours</h3> </div> <div class="box"> <h1 class 阅读全文

posted @ 2022-05-12 00:19 漫漫长路</> 阅读(104) 评论(0) 推荐(0) 编辑

JavaScript 条件语句和循环 - 练习、练习、解决方案

摘要：1.编写一个接受两个整数并显示较大的 JavaScript 程序。 var num1,num2; num1 = window.prompt("Input the First integer", "0"); num2 = window.prompt("Input the second integer" 阅读全文

posted @ 2022-05-11 18:05 漫漫长路</> 阅读(77) 评论(0) 推荐(0) 编辑

JavaScript 递归 [9 个练习和解决方案]

摘要：1.编写一个 JavaScript 程序来计算一个数的阶乘。在数学中，非负整数 n 的阶乘，用 n! 表示，是所有小于或等于 n 的正整数的乘积。例如，5！= 5 x 4 x 3 x 2 x 1 = 120 function factorial(x){ if(x 0){ return 1; } / 阅读全文

posted @ 2022-05-11 14:48 漫漫长路</> 阅读(682) 评论(0) 推荐(0) 编辑

04-隐藏的搜索小部件 Hidden Search Widget

摘要：index,HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文

posted @ 2022-05-06 18:21 漫漫长路</> 阅读(34) 评论(0) 推荐(0) 编辑

01- 旋转导航 Rotating Navigation

摘要：HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten 阅读全文

posted @ 2022-05-06 17:48 漫漫长路</> 阅读(40) 评论(0) 推荐(0) 编辑

02-扩展卡片 Expanding Cards

摘要：html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten 阅读全文

posted @ 2022-05-06 17:48 漫漫长路</> 阅读(48) 评论(0) 推荐(0) 编辑