Html 如何添加与Netflix相同的拖动滑块？
我想要的是在我的页面中添加一个拖动滑块（或通过单击或滑动图像） 下面是代码示例Html 如何添加与Netflix相同的拖动滑块？,html,css,slider,Html,Css,Slider,我想要的是在我的页面中添加一个拖动滑块（或通过单击或滑动图像） 下面是代码示例 https://codepen.io/amar1203/pen/ExjyKLz 用光滑的滑块检查执行情况。有关slick slider的更多详细信息和实现选项，请参阅 var$=jQuery； $（文档）.ready（函数（）{ $（'.wrapper'）。光滑({ 无限：是的， 幻灯片放映：3， 幻灯片滚动：3， mobileFirst：没错， 响应：[ { 断点：1300， 设置：{ 幻灯片放映：5， 幻灯
https://codepen.io/amar1203/pen/ExjyKLz
用光滑的滑块检查执行情况。有关slick slider的更多详细信息和实现选项，请参阅
var$=jQuery；
$（文档）.ready（函数（）{
$（'.wrapper'）。光滑({
无限：是的，
幻灯片放映：3，
幻灯片滚动：3，
mobileFirst：没错，
响应：[
{
断点：1300，
设置：{
幻灯片放映：5，
幻灯片滚动：5，
无限：是的，
}
},
{
断点：1024，
设置：{
幻灯片放映：3，
幻灯片滚动：3，
无限：是的，
}
},
{
断点：600，
设置：{
幻灯片放映：2，
幻灯片滚动：2
}
}]
});
});
html{
滚动行为：平滑；
}
身体{
保证金：0；
背景色：#000；
}
h1{
字体系列：Arial；
颜色：红色；
文本对齐：居中；
}
.滑头{
z指数：1！重要；
左：0！重要；
}
.史莱克·普雷夫：以前{
内容：“嫀”！重要；
字体大小：60px！重要；
}
.下一个{
右：0！重要；
}
.滑头下一个：之前{
内容：“›”！重要；
字体大小：60px！重要；
}
.项目{
过渡：.5s；
}
.项目：悬停{
过渡：.5s；
转换：比例（1.2）；
}
/*.包装纸{
显示：网格；
网格模板列：重复（3100%）；
溢出：隐藏；
滚动行为：平滑；
}
.包装部分{
宽度：100%；
位置：相对位置；
显示：网格；
网格模板列：重复（7，自动）；
利润率：20px0；
}
.包装部分.项目{
填充：0.2px；
过渡：250ms全部；
}
.wrapper节。项：悬停{
利润率：0.40px；
转换：比例（1.2）；
}
.a节{
位置：绝对位置；
颜色：#fff；
文字装饰：无；
字号：6em；
背景：#000；
宽度：80px；
填充：20px；
文本对齐：居中；
z指数：1；
}
.包装部分a:n类型（1）{
排名：0；
底部：0；
左：0；
背景：线性梯度（-90度，rgba（0,0,0,0）0%，rgba（0,0,0,1）100%）；
}
.包装部分a:n类型（2）{
排名：0；
底部：0；
右：0；
背景：线性梯度（90度，rgba（0,0,0,0）0%，rgba（0,0,0,1）100%）；
}*/
NETFLIX
您是否尝试过在现有的代码笔上添加代码？@KK Bro我刚刚更新了链接，现在我在那里尝试了我的代码，您可以查看。所有我需要的是光滑的滑块为这些。你能帮我写代码吗？试试slick slider或owl carousel:）@AkhilAravind bro我正在尝试slick slider，但它们大多是用jquery编写的，我还不太习惯。如果你能帮我找到合适的jquery代码。然后它会很有帮助，让我知道你想要实现哪一个，我会帮助你一切都很好，但是当我把这段代码复制到sublime时，下一个和上一个按钮在图像下方。你没有添加两个css文件吗？兄弟，它工作了吗？其实我很忙，我又错过了，谢谢兄弟。。我想它第二次回答了我的问题。。祝你今天愉快
<html>
<body>
https://codepen.io/amar1203/pen/ExjyKLz
</html