基础案例 01 轮播图进度条 训练描述 完成鼠标经过即可 训练提示 1. 添加背景图片,设置初始化样式 2. 利用盒子,定位盒子的位置,设置li的宽和高 3. 设置span的小高度,设置span的伪元素跟span一样大小,并且左下角对齐,宽度默认为0 4. 当鼠标经过则给伪元素宽度 操作步骤 1. ...
分类:
Web程序 时间:
2019-12-26 09:44:31
阅读次数:
110
天猫轮播图 在做网页的时候,轮播图很常见,今天我们就做一种轮播图,通过轮播图来熟悉JavaScript的操作。 样式如下所示: 执行代码如下所示: javascript代码部分如下所示: ...
分类:
其他好文 时间:
2019-12-25 20:32:04
阅读次数:
186
绿色的部分 背景色和当前的图片是对应的 Mysql内,数据表已经包含了一些数据。 编写代码service层 定义为一个接口, 实现类 实现接口类,并加上注解@Service controller 参数为了更通用化,一般会使用枚举。复制Sex复制为YesOrNo的枚举类。 写死的数据尽量要做到通用化。 ...
分类:
其他好文 时间:
2019-12-24 23:52:36
阅读次数:
139
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ...
分类:
其他好文 时间:
2019-12-16 10:09:16
阅读次数:
90
案例:简单轮播图 div叫盒子,里面包了2个小盒子,一个是inner,一个是square inner的div是放ul,里面有li,a,和图片 square的div里面放span,是轮播图的小点 <!DOCTYPE html> <html lang="en"> <head> <meta charset ...
分类:
Web程序 时间:
2019-12-12 18:12:26
阅读次数:
110
part5 课程介绍 另一个定时器 第一个定时器的小案例 练习 封装动画函数 匀速的动画函数,过渡到 >缓动的动画函数 简单的轮播图 左右焦点的轮播图 无缝连接的轮播图 轮播图 重点 三大系列中的第一个系列:offset系列 重点 封装缓动动画函数 筋斗云,固定导航栏 升级4到5个版本 手风琴 旋转 ...
分类:
Web程序 时间:
2019-12-12 13:20:46
阅读次数:
113
效果如下: 1:下载依赖(两个) 2:在AndroidManifest.xml文件中添加权限代码 <!-- if you want to load images from the internet --> <uses-permission android:name="android.permissi ...
分类:
移动开发 时间:
2019-12-10 16:53:45
阅读次数:
139
主题说明 主题介绍 本博客基于GShang博客园主题进行修改,在此表示衷心的感谢! "GShang" 主题安装 "GShang博客园主题高级版本适配教程详解" 博客地址 "wybing的博客园" 主题预览 顶部导航栏 轮播图 侧边栏 首页随笔 作者信息 发表评论 评论列表 持续开发 学习软件开发两年 ...
分类:
其他好文 时间:
2019-12-06 19:07:00
阅读次数:
240