api小案例
秃头桑
分享知识,共同学习。
展开
-
api小案例:实现导航栏切换
页面效果:小伙伴们可自行添加css样式<body> <div class="tab"> <div class="tab_list"> <ul> <li class="current">商品介绍</li> <li>规格与包装</li> <li>售后保障&l原创 2020-07-28 22:54:36 · 156 阅读 · 0 评论 -
封装一个动画函数
function fn(a, b, c) { console.log(c); console.log(b); // 先清除在执行 只保留一个定时器执行 clearInterval(a.ff) // a.ff 表示:谁的函数 动态的 a.ff = setInterval(function () { // 步长值要写在定时器的里面 // 把步长值改为整数 不要出现小数的问题 let step = (b - a.o原创 2020-07-28 22:45:59 · 141 阅读 · 0 评论 -
api小案例五:仿淘宝 侧边栏固定
页面效果:小伙伴们可自行补全css样式<div class="slider-bar"> <span class="goBack">返回顶部</span> </div> <div class="top w">头部区域</div> <div class="cont w">中间区域</div> <div class="main w">主体部分</原创 2020-07-28 22:39:55 · 255 阅读 · 0 评论 -
webApi小案例三:实现密码的显示与隐藏功能
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box { .原创 2020-07-19 19:47:04 · 291 阅读 · 0 评论 -
webApi小案例二:实现在不同时间页面中出现不同内容
<title>Document</title> <style> img { width: 500px; } </style></head><body> <img src="images/thunder.jpg" alt=""> <div id="d">上午好</div> <script>.原创 2020-07-19 19:40:11 · 234 阅读 · 0 评论 -
webApi小案例一:点击按钮实现图片切换
<title>Document</title> <style> img { width: 600px; } </style></head><body> <button id="lf">蒙奇D路飞</button> <button id="sl">诺诺罗亚索隆</button> <d.原创 2020-07-19 19:35:06 · 581 阅读 · 1 评论 -
api小案例四:实现鼠标经过跟随,离开回归原位案例
实现效果:小伙伴们可自行不起 css 样式<div class="nav"> <span class="cloud"></span> <ul> <li class="current"><a href="#">首页</a></li> <li><a href="#">松狮</a></li&g原创 2020-07-28 22:28:58 · 162 阅读 · 0 评论