练习
weixin_43708170
这个作者很懒,什么都没留下…
展开
-
t09 js小练习 实现图片轮播
t09 js小练习 实现图片轮播 分析 图片轮播就是改变ul的位置,类似于将ul向左拖拽一个div的长度 先实现按导航栏链接切换 再实现自动切换 步骤 设置页面布局,呈现如下状态 设置导航栏布局,使其位于图片上,且位置居中 实现点击超链接,切换图片,并且超链接颜色改变 实现自动轮播 在点击导航栏切换图片时,要关闭自动轮播 代码 尚硅谷李立超老师 index.html <!DOCTYPE html> <html> <head> <meta chars原创 2020-07-18 19:23:15 · 132 阅读 · 0 评论 -
t08 小练习 div移动(利用定时器解决开头卡顿问题)
t08 小练习 div移动(利用定时器解决开头卡顿问题) 功能 方向键控制div移动 利用定时器解决长按方向键移动的第一下卡顿的问题 代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>div移动(利用定时器解决开头卡顿问题)</title> <style type="text/css"> #box1{ width: 1原创 2020-07-18 14:00:06 · 110 阅读 · 0 评论 -
t07 小练习 图片自动切换
t07 小练习 图片自动切换 功能 点击开始按钮,图片开始轮播 点击停止按钮,图片停在当前图片 代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>图片自动切换</title> <style type="text/css"> img{ width: 450px; height: 400px; } <原创 2020-07-18 13:40:35 · 100 阅读 · 0 评论