charonmomo

2021年8月18日

摘要： theme: channing-cyan 思路可以将每个重复字母开头的字符串中的第一个保存到一个变量中 (代码中的a), 然后将后面的数组元素与它对比: 如果相同, 则计数器累加. 计数器代表的是这串重复字符串的长度如果不同, 说明后面是一个新的字母了, 这时需要更新变量 a的值, 并且记录下此阅读全文

posted @ 2021-08-18 10:42 charonmomo 阅读(277) 评论(0) 推荐(0)

2021年8月17日

完整轮播图案例

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

posted @ 2021-08-17 16:34 charonmomo 阅读(96) 评论(0) 推荐(0)

2021年8月16日

高级无缝滚动轮播图

摘要：改进: 折返点计算需要通过 js 自动计算. 取消 <ul>的width属性, 通过offsetWidth返回宽度(包括边框). var back = -munit.offsetWidth; 自动生成另一组对应的图片结构 <li>. munit.innerHTML = munit.innerHTML 阅读全文

posted @ 2021-08-16 18:13 charonmomo 阅读(66) 评论(0) 推荐(0)

简单无缝滚动轮播图

摘要：缺点: 耦合性比较强 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http 阅读全文

posted @ 2021-08-16 17:06 charonmomo 阅读(98) 评论(0) 推荐(0)

封装动画函数

摘要：知识点: window.getComputedStyle(box)可以获取之前的样式例如: .box { position: absolute; top: 100px; left: 0; width: 100px; height: 100px; opacity: 0.5; background-c 阅读全文

posted @ 2021-08-16 16:43 charonmomo 阅读(33) 评论(0) 推荐(0)

定时器 - 简单运动

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

posted @ 2021-08-16 13:52 charonmomo 阅读(30) 评论(0) 推荐(0)

延时器 - 函数节流

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

posted @ 2021-08-16 13:27 charonmomo 阅读(24) 评论(0) 推荐(0)

登陆页面 + 遮盖层

摘要： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> .login-header { width: 100%; text-align: center; height: 30px; 阅读全文

posted @ 2021-08-16 10:25 charonmomo 阅读(61) 评论(0) 推荐(0)

拖拽窗口案例

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

posted @ 2021-08-16 10:19 charonmomo 阅读(34) 评论(0) 推荐(0)

2021年8月15日

图片跟随鼠标移动

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2021-08-15 00:30 charonmomo 阅读(39) 评论(0) 推荐(0)

公告