website with custom carousel

网站与CUSTOM-CARUSEL

我建立的第一个网站（我的第三个也是最后一次职业变化）​​。我从HTML和CSS模板开始，最终将其重新磨损了90％。

主页很简单（我花了一段时间才能完成我的第一个版本；确保正确的样式，位置和功能是耗时的；学习经验很棒）。搜索框无法完全运行。目前，它更像是下拉菜。

细节页面具有我构建的动态旋转木马。可以通过更新TeamData更改旋转木马中的卡片数量。当轮播可以沿相应的方向滑动时，它的宽度将随窗口的大小而变化，左/右箭头将出现。

如何使用自定义轮播到达网页：

1. 直接转到ditial.html或从index.html ...
2. 在搜索框中键入“ ux d”
3. 在下拉列表中单击“ UX Designer”
4. 我的自定义轮播在标题下方

下一步：

• 与main.js分开的旋转木马部分，并创建一个旋转木马。 （完毕）
• 完成初始职业路径图（完成）
• 摆脱搜索清单中重复的标题（完成）
• 在搜索框中添加“ x”（完成）
• 将搜索列表结果限制到窗口的底部并添加滚动条（完成）
• 完善的职业路径地图，因此出现左侧点（完成；重组为3列而不是2列）
• 单词在路径图中包裹标题（低）
• 弄清SVG的工作原理和更改黑色以外的颜色（完成）
• 折射html，因此所有“ li”标签都是JS驱动而不是硬码（完成）
• 单独文件中的数据列表；来自SMAE源的源搜索列表，而不是创建其他列表（完成）
• 重新访问搜索框代码和CSS，因此它可以更像是一个组件（正在进行的70％）
• 将全部转换为react.js组成

感谢您的访问。

技术：

普通JavaScript，HTML，CSS