全文搜索
标题搜索
全部时间
1小时内
1天内
1周内
1个月内
默认排序
按时间排序
为您找到相关结果107,314个

创建图片对比slider滑块示例详解_JavaScript_脚本之家

在这篇文章, 我们会创建一个 slider 滑块来对比两张图片。 老样子,话不多说,先看效果。 CSS 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 .container { position: relative; } .resizer { background-color: #cbd5e0; cursor: ew-resize; height: 100%; left: 50%...
www.jb51.net/article/2596...htm 2024-6-2

图片Slider 带左右按钮的js示例_javascript技巧_脚本之家

body,ul,li { padding:0; margin:0} ul,li { list-style:none} .img-scroll { position:relative; margin:20px auto; width:440px;} .img-scroll .prev,.img-scroll .next { position:absolute; display:block; width:50px; height:100px; background-color:#000; top:0; color:#FFF; text-al...
www.jb51.net/article/410...htm 2024-5-17

再分享70+免费的jquery 图片滑块效果插件和教程_jquery_脚本之家

一般使用的Slider滑块插件,按照展示方式,可以分为两种:一种是为水平滑动;另一种是垂直滑动。当然具体的特效就有很多种了,不一一解释了。大部分的都是一些类似幻灯片的效果,也有带视差效果的。实现方式也大都是基于jQuery+html5+CSS3,大部分插件的兼容性都不错。 之前其实已经分享过28款免费实用的 JQuery 图片和...
www.jb51.net/article/585...htm 2024-5-24

JavaScript实现带有子菜单和控件的slider轮播图效果_javascript技巧_脚本...

// 1. 获取事件源以及相关元素 // 2. 复制第一张图片所在的li,添加到ul的最后面 // 3. 给ol添加li,ul中的个数-1个,并点亮第一个按钮 // 4. 鼠标放到ol的li上切换图片 // 5. 添加定时器 // 6. 左右切换图片(鼠标放上去隐藏,移开显示) 实现代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14...
www.jb51.net/article/1272...htm?utm_... 2024-5-9

12款经典的白富美型—jquery图片轮播插件—前端开发必备_jquery_脚本之...

Nivo Slider 首先推荐的这款插件号称世界上最棒的图片轮播插件,有独立的jQuery插件和WordPress插件两个版本。 目前下载量已经突破 1,800,000 次!jQuery 独立版本的插件主要有如下特色: ✓ 16个独特的过渡效果✓ 简洁和有效的标记✓ 加载参数设置✓ 内置方向和导航控制✓ 压缩版本大小只有12KB✓ 支持链接图...
www.jb51.net/article/330...htm 2024-6-2

Flash AS制作控制图片大小的滑块效果_ActionScript教程_Flash教程_媒 ...

1.绘制一长方块,保存为影片剪辑,实例名slider,注册点在中心; 2.绘制一控制条,保存为影片剪辑,实例名bar,注册点在左中; 3.放入一个图片,保存为影片剪辑,实例名为mc. 步骤2: 加入AS代码: left=bar._x slider._width/2; right=bar._x bar._width-slider._width/2; ...
www.jb51.net/flash/actionscript/40... 2024-5-26

jQuery图片轮播插件——前端开发必看_jquery_脚本之家

$('.slider').slider({ width : 640, height : 270, during : 2000,//动画执行间隔 speed : 500,//动画速度 btnSize : 20,//底部遮罩层的按钮大小 btnSpace : 10,//底部的按钮间隙 direction : 1//轮播方向默认为1,图片向左移动 }); CSS部分: 1 2 3 4 5 6 7 8 9 10 ...
www.jb51.net/article/855...htm 2024-6-2

基于Swiper实现移动端页面图片轮播效果_javascript技巧_脚本之家

slider:指滑块(切换的块中的一个,可以包含文字、图片、html元素或另外一个swiper pagination:指分页器(指示slide的数量和当前活动的slide) active:指活动的,激活的(可视的(visible)slide是活动的,当可视slide不止一个时,默认最左边那个活动的) callback:指回调函数(在某些情况下触发) ...
www.jb51.net/article/1317...htm 2024-6-2

图片跳跃起来 javascript图片轮播特效_javascript技巧_脚本之家

首先我们需要找到图片所在的位置,这里我们是通过ul来进行布局的所以首先得找到UL下的LI的数目 接着让图片一张一张的展示,我们使用了视窗的模式,就是遮罩层的模式.#slider是一个视窗,ul是视窗外的景色,而ul得景色是横向排版的 然后就是让外面的景色显示为视窗的大小,也就是让每一张图片作为每一次的视窗景色,这里...
www.jb51.net/article/795...htm 2024-6-2

使用html5+css3来实现slider切换效果告别javascript+css_html5_网页制 ...

Title1 Description1 Title2 Description2 <
www.jb51.net/html5/701...html 2024-6-2