51Dev开发社区
登录 注册

#轮播图

css3爆炸轮播效果
<!DOCTYPEhtml><htmllang="zh-cn"><head><metacharset="UTF-8"><title>爆炸效果轮播</title><style>*{margin:0;padding:0;}ul,ol{lis...
代码星球 ·2021-02-08

无缝轮播的案例 及css3无缝轮播案例
　　无缝轮播的案例：　　<!DOCTYPEhtml>　　<html>　　<head>　　　　<metacharset="UTF-8">　　　　<title>无缝轮播</title>　　　　<style>　　　　　　*{　　　　　　　　m...
代码星球 ·2021-02-08

jQuery轮播
　　我找的是京东的轮播图　　　<!DOCTYPEhtml>　　<html>　　　　<head>　　　　　　<metacharset="UTF-8">　　　　　　<title>轮播</title>　　　　　　<scriptsrc="jQuery...
代码星球 ·2021-02-08

基于jQuery可悬停控制图片轮播代码
基于jQuery可悬停控制图片轮播代码。这是一款可悬停切换全屏轮播jQuery幻灯片。效果图如下：在线预览    源码下载实现的代码：<!--轮播广告--><divid="banner_tabs"class="flexslider"><ulclass...
代码星球 ·2021-01-22

基于jQuery游戏网站焦点图轮播特效
基于jQuery的一款游戏网站焦点图轮播特效。这是一款带进度条定时切换，带缩略图切换的jQuery网站焦点图代码。效果图如下:在线预览    源码下载实现的代码。html代码：<center><br><divid="chinaz"><di...
代码星球 ·2021-01-22

基于jquery带时间轴的图片轮播切换代码
基于jquery图片标题随小圆点放大切换。这是是一款带时间轴的图片轮播切换代码。效果图如下：在线预览   源码下载实现的代码。html代码：<divid="decoroll2"class="imgfocus"><divid="decoimg_a2"class="imgbo...
代码星球 ·2021-01-21

一款基于jQuery轮播切换焦点图,可播放多张图片
今天给大家分享一款基于jQuery轮播切换焦点图,可播放多张图片，在这个组件中，你可以任意指定8张图片，然后插件就会帮你自动生成缩略图，并且自动开始切换播放图片。当然，你也可以手动切换图片，只要点击缩略图即可，这款jQuery轮播切换组件配置比较方便，唯一的不足就是只能指定8张图片，灵活性不强。效果图如下：在线预览&n...
代码星球 ·2021-01-21

jQuery+html5实现的3D动态切换焦点轮播幻灯片
今天爱编程给网友们分享一款基于jQuery+html5实现的3D动态切换焦点轮播幻灯片，支持左右箭头和圆点按钮播放控制，支持多种不同的3D动态切换特效，自适应全屏显示，兼容360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗，不支持IE8及以下浏览器。横向全屏显示，效果图如下：在线预览&...
代码星球 ·2021-01-21

基于jQuery带进度条全屏图片轮播代码
基于jQuery带进度条全屏图片轮播代码。这是一款基于jQuery实现的oppo手机官网首页带进度条全屏图片轮播特效。效果图如下：在线预览   源码下载实现的代码。html代码：<divclass="pic"><ul><listyle="background:...
代码星球 ·2021-01-21

【原创smarty仿淘宝商品图片轮播+放大镜效果】
1、去掉图片集字段，字符串的多余字符$goods_pic_display=$row[DISPLAY];$goods_pic_display1=str_replace('"','',$goods_pic_display);$goods_pic_display2=str_replace(']','',$goods_pic_...
代码星球 ·2020-12-20

vue中使用swiper做轮播页面，标题样式随着轮播页面改变而改变
知识点:标题组件与轮播组件之间交互（vue兄弟组件之间传值）兄弟之间传递数据需要借助于事件车，通过事件车的方式传递数据1、创建一个Vue的实例，让各个兄弟共用同一个事件机制。2、传递数据方，通过一个事件触发bus.$emit(方法名，传递的数据)。3、接收数据方，通过mounted(){}触发bus.$on(方法名，f...
代码星球 ·2020-12-17

实现简单的图片轮播功能
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>简单图片轮播</title><!--原理：三张图片垂直放置，显示区域li固定,获取当前图片的index，每隔2秒将下张图片的margi...
代码星球 ·2020-11-21

JQuery 图片轮播，详细注释说明，让你一看就会！
准备工作：　　1、准备几张大小相同的图片完成功能：　　1、自动轮播　　2、手动轮播　　3、点击二侧按钮前后切换图片JQuery插件地址:链接：https://pan.baidu.com/s/1zNl2-zulPurl1Tqiu4jo6Q提取码：2ir4效果图：完整代码：1<!DOCTYPEhtml>2<...
代码星球 ·2020-08-31

ViewPager + Handler 实现的图片自己主动轮播
首先上图看效果我也是在网上看各种大牛们做的效果，非常多都是自己定义重写了一些控件来实现这个效果的。我把当中的一位大牛写的ViewPager的效果加上了Handler实现了自己主动轮播效果。在此做个笔记来以后温习使用！自己主动轮播的核心代码例如以下：privatefinalintAUTO_MSG=1;privatefin...
代码星球 ·2020-08-26

jQuery 图片轮播的代码分离
以前遇到过jQuery实现列表自动滚动，这次的图片轮播在原理上与之相同，只有一些细微的差别，就是需要在图片的右下角显示当前图片的序号。html代码，以及对应的css代码：<div id="scrollPics">    <ul class="...
代码星球 ·2020-08-19
首页上一页...34567...下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他