实现的功能 无缝滚动原理： 清除定时器变量： 手动调用点击事件： 节流阀： ...
分类：
Web程序 时间：
2020-11-19 12:53:00
阅读次数：
19
1、轮播图.html(图片可自己修改) <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>轮播图</title> </head> <link rel="stylesheet" type="text/css" href="css ...
分类：
Web程序 时间：
2020-05-16 00:25:02
阅读次数：
69
第一步：前端样式以及html代码（图片自行添加） css代码： #container{ width: 1200px; height: 400px; margin:0 auto; overflow: hidden;/*超出的图片垂直方向隐藏，水平方向也隐藏*/ position: relative;/ ...
分类：
Web程序 时间：
2020-05-14 15:06:05
阅读次数：
65
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>原生js轮播图</title> <style type="text/css"> *{ padding: 0; margin: 0; list-style: none ...
分类：
Web程序 时间：
2020-03-15 09:16:59
阅读次数：
64
在JS中，能用 . 的地方一般都可以用 [ ] 取代 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width ...
分类：
Web程序 时间：
2020-02-09 16:30:00
阅读次数：
86
HTML代码 <div class="focus"> <!-- 左侧按钮 --> <a href="javascript:void(0);" class="arrow-l"> < </a> <!-- 右侧按钮 --> <a href="javascript:void(0);" class="a ...
分类：
Web程序 时间：
2020-02-06 01:50:28
阅读次数：
119
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>轮播图</title> 6 </head> 7 <style> 8 *{ 9 margin:0px; 10 padding:0px; 11 } 12 13 li ...
分类：
Web程序 时间：
2020-01-06 09:23:47
阅读次数：
59
今天开始做第一个项目！ 开始做项目时纠结了很久，开始想仿做一个百度百科，但是太单调了，做了一半直接废稿。 之后找到了网易游戏官网，感觉不错，有点难度，挑战一把！ 期间遇到几个问题，由于之前轮播图百般出错，又复习了一遍JS轮播图。 之后又制作了一个满屏的下拉列表a标签的数量就不行说了，黑呀呀的一片，看 ...
分类：
其他好文 时间：
2019-12-27 23:52:43
阅读次数：
87
仿小米首页轮播图（注意事项） 布局部分 1、用ul包裹li再包裹a的形式来装图片，建立focus类； 2、移动的时候是装着焦点图的ul来移动 + ul里的所有li横着摆放，ul的长度可以很大，装着ul的盒子宽高和图片一样大再 即可； + 可在js里动态生成下面的索引小圆点，这样可根据焦点图数量自动调 ...
分类：
Web程序 时间：
2019-11-27 12:13:06
阅读次数：
175
