Javascript 如何使“上一步”和“下一步”按钮在此工作
我正在使用这个java脚本徽标滑块,我想让这个Javascript 如何使“上一步”和“下一步”按钮在此工作,javascript,css,slider,Javascript,Css,Slider,我正在使用这个java脚本徽标滑块,我想让这个prev和下一个工作。单击“上一页”时,文本滑块向左移动,单击“下一页”时,文本滑块向右移动 工作演示 我对java脚本不太熟悉,非常感谢您的帮助 代码如下:- $(文档).ready(函数(){ $('.customer logo')。光滑({ 幻灯片放映:6, 幻灯片滚动:1, 自动播放:对, 自动播放速度:1500, 箭头:错, 点:错, pauseonhaver:false, 响应:[{ 断点:768, 设置:{ 幻灯片放映:4 } },
prev
和下一个工作。单击“上一页”时,文本滑块向左移动,单击“下一页”时,文本滑块向右移动
工作演示
我对java脚本不太熟悉,非常感谢您的帮助
代码如下:-
$(文档).ready(函数(){
$('.customer logo')。光滑({
幻灯片放映:6,
幻灯片滚动:1,
自动播放:对,
自动播放速度:1500,
箭头:错,
点:错,
pauseonhaver:false,
响应:[{
断点:768,
设置:{
幻灯片放映:4
}
}, {
断点:520,
设置:{
幻灯片放映:3
}
}]
});
});代码>
h2{
文本对齐:居中;
填充:20px;
}
/*滑块*/
.滑滑梯{
利润率:0px 20px;
}
.滑溜式img{
宽度:100%;
}
.光滑滑块{
位置:相对位置;
显示:块;
框大小:边框框;
-webkit用户选择:无;
-moz用户选择:无;
-ms用户选择:无;
用户选择:无;
-webkit触摸标注:无;
-khtml用户选择:无;
-ms触摸动作:泛y;
触摸动作:泛y;
-webkit点击突出显示颜色:透明;
}
.花里胡哨的名单{
位置:相对位置;
显示:块;
溢出:隐藏;
保证金:0;
填充:0;
}
.花里胡哨的名单:聚焦{
大纲:无;
}
.slick-list.drawing{
光标:指针;
光标:手;
}
.光滑的滑块.光滑的轨迹,
.光滑的滑块.光滑的列表{
-webkit转换:translate3d(0,0,0);
-moz变换:translate3d(0,0,0);
-ms变换:translate3d(0,0,0);
-o变换:translate3d(0,0,0);
变换:translate3d(0,0,0);
}
.光滑的轨道{
位置:相对位置;
排名:0;
左:0;
显示:块;
}
.光滑轨道:之前,
.光滑轨道:之后{
显示:表格;
内容:'';
}
.光滑轨道:之后{
明确:两者皆有;
}
.光滑的装载.光滑的轨道{
可见性:隐藏;
}
.滑滑梯{
显示:无;
浮动:左;
身高:100%;
最小高度:1px;
}
[dir='rtl'].光滑的滑梯{
浮动:对;
}
.滑溜式img{
显示:块;
}
.滑溜{
显示:无;
}
.滑动滑轨.拖动img{
指针事件:无;
}
.滑溜初始化.滑溜{
显示:块;
}
.光滑的装载.光滑的滑动{
可见性:隐藏;
}
.平滑垂直.平滑滑动{
显示:块;
高度:自动;
边框:1px实心透明;
}
.光滑的箭头,光滑的隐藏{
显示:无;
}
上
下一步
为什么要在代码中添加上一步
和下一步
按钮,而滑动条已经给了您
只需删除它,并在Js中替换它:箭头:true
$(文档).ready(函数(){
$('.customer logo')。光滑({
幻灯片放映:6,
幻灯片滚动:1,
自动播放:对,
自动播放速度:1500,
箭头:true,//这里有变化
点:错,
pauseonhaver:false,
响应:[{
断点:768,
设置:{
幻灯片放映:4
}
}, {
断点:520,
设置:{
幻灯片放映:3
}
}]
});
});代码>
h2{
文本对齐:居中;
填充:20px;
}
/*滑块*/
.滑滑梯{
利润率:0px 20px;
}
.滑溜式img{
宽度:100%;
}
.光滑滑块{
位置:相对位置;
显示:块;
框大小:边框框;
-webkit用户选择:无;
-moz用户选择:无;
-ms用户选择:无;
用户选择:无;
-webkit触摸标注:无;
-khtml用户选择:无;
-ms触摸动作:泛y;
触摸动作:泛y;
-webkit点击突出显示颜色:透明;
}
.花里胡哨的名单{
位置:相对位置;
显示:块;
溢出:隐藏;
保证金:0;
填充:0;
}
.花里胡哨的名单:聚焦{
大纲:无;
}
.slick-list.drawing{
光标:指针;
光标:手;
}
.光滑的滑块.光滑的轨迹,
.光滑的滑块.光滑的列表{
-webkit转换:translate3d(0,0,0);
-moz变换:translate3d(0,0,0);
-ms变换:translate3d(0,0,0);
-o变换:translate3d(0,0,0);
变换:translate3d(0,0,0);
}
.光滑的轨道{
位置:相对位置;
排名:0;
左:0;
显示:块;
}
.光滑轨道:之前,
.光滑轨道:之后{
显示:表格;
内容:'';
}
.光滑轨道:之后{
明确:两者皆有;
}
.光滑的装载.光滑的轨道{
可见性:隐藏;
}
.滑滑梯{
显示:无;
浮动:左;
身高:100%;
最小高度:1px;
}
[dir='rtl'].光滑的滑梯{
浮动:对;
}
.滑溜式img{
显示:块;
}
.滑溜{
显示:无;
}
.滑动滑轨.拖动img{
指针事件:无;
}
.滑溜初始化.滑溜{
显示:块;
}
.光滑的装载.光滑的滑动{
可见性:隐藏;
}
.平滑垂直.平滑滑动{
显示:块;
高度:自动;
边框:1px实心透明;
}
.光滑的箭头,光滑的隐藏{
显示:无;
}