Javascript 如何在Jquery上控制webkit框架?
我正在尝试制作一个不滑动的CSS滑块,只有在单击“向前”和“向后”链接时才会滑动,这将在jquery中完成,但是我不确定如何在jquery中调用元素webkitframeJavascript 如何在Jquery上控制webkit框架?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试制作一个不滑动的CSS滑块,只有在单击“向前”和“向后”链接时才会滑动,这将在jquery中完成,但是我不确定如何在jquery中调用元素webkitframe @-webkit-keyframes anim_slides { 0% { opacity: 0; } 6% { opacity: 1; } 24% { opacity: 1; } 30% { opacity: 0; } 100% { opacity:
@-webkit-keyframes anim_slides {
0% {
opacity: 0;
}
6% {
opacity: 1;
}
24% {
opacity: 1;
}
30% {
opacity: 0;
}
100% {
opacity: 0;
}
}
您无法根据需要直接使用jQuery(或JS)控制关键帧 使用jQuery可以为某些CSS属性设置动画,在您的情况下,它是
不透明度
,并通过JS更改它的值,这样您将失去动画的%
控制
或者,您可以使用
Timeout
函数将动画类设置为object,前提是您知道它应该在何时更改。设置动画类,在动画中间超时更改图像url,然后在动画结束时删除动画类。看起来我的评论就是您要查找的内容。:)
根据你的最后一个问题:
我添加了2个onClick
函数以滑到下一张或上一张幻灯片
以下是由此产生的小提琴:
有关旋转木马的更多功能,请查看:
您是否尝试过引导旋转木马?这正是它所做的:D这里是一个快速的例子:编辑:停止自动播放只需添加间隔:假在js:感谢几乎有旋转木马支持淡入淡出效果,我想让它看起来不像一个滑块,但一张图片稳定的图像改变点击这里是我尝试的东西。。。这就是你想要的吗?谢谢最后一个问题,我如何控制类似于缩略图的滑块,但希望显示链接而不是缩略图,例如,我有10个滑块,只有3个链接