继承QLabel控件实现了图片轮播效果
1.自定义添加图片与图片描述；
2.支持2S自动轮播
3.支持鼠标点击左下方索引按钮定位图片
2023-10-18 20:46:58
583KB
1
话不多说，请看代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Picture carousel</title>
<style>
*
{
margin: 0;
padding: 0;
}
.carousel-container
{
overflow: hidden;
width: 405px;/* 130*3+5*3 = 405 */
height: 150px;
margin: 50px auto;
background-color: #2c2c2c;
}
.carousel
2023-09-05 08:45:50
29KB
1
主要为大家详细介绍了iOS实现3D卡片式轮播效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2023-03-23 17:51:39
79KB
1
jQuery手机图片全屏滑动轮播效果代码是一款基于jquery.event.drag-1.5.min.js、 jquery.touchSlider.js和jquery-1.7.1.min.js等插件制作的图片轮播特效代码，兼容PC端和手机移动端，全屏宽屏 显示，支持鼠标点击切换图片，鼠标拖拽切换图片，手机触摸滑动切换图片。
2022-11-08 10:19:16
767KB
1
#slide.js
###效果
该js不依赖任何类库
因为使用了css3的动画属性,目前只支持IE8+,在IE9下没有css动画效果,所以推荐使用无缝滚动的js动画方案
需要一个父容器，最好是div(因为只测试了div)，要有明确的长宽，哪怕是百分比也行
(update)添加了无缝滚动功能,由于为了完成无缝滚动功能所以动画使用js来实现,我还不知道如何使用css实现.当然不使用无缝滚动时调用的是css滚动动画
#方法
该js文件只暴露两个方法
###slide.dom.Ready
dom加载完成后执行方法，例如：
slide.dom.Ready(function(){
console.log('domReady');
})
###slide.createSlide(obj)
obj={
id:"父元素id(必选)",
params:"图片参数,具体属性看下面params(
2022-11-02 14:28:36
15.48MB
1
HTML5技术结合Js实现图片轮播效果，可适用于App的图片轮播效果，滑动屏幕即可滑动切换图片，是一款较不错的webApp轮播swipe特效，右下角显示小圆点，可标记图片数量和当前显示第几张图片，这种效果也叫做“图片切换”、“JS幻灯片”，图片轮显等。本代码基于HTML5技术，因此可直接应用于手机端。
2022-05-22 22:56:31
574KB
1
这个Android示例用最简单的方式实现了图片轮播效果，具体实现细节请阅读博文：http://blog.csdn.net/l1028386804/article/details/48049913
2022-05-08 23:49:58
3.15MB
1