51Dev开发社区
登录 注册

#轮播

【原创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

js 原生轮播图插件
<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,user-scalable=no,initial-scal...
代码星球 ·2020-12-10

6_bootstrap之导航条|轮播图|排版|表单元素|分页
BootStrap已经提供了完整的导航条实例，通常情况下，我们仅需进行简单修改即可使用。帮助手册位置：组件-------导航条 BootStrap已经提供了完整的轮播图实例，通常情况下，我们仅需进行简单修改即可使用。帮助手册位置：JavaScript插件--- Carousel轮播图DIV的定时换图...
代码星球 ·2020-11-27

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

html css 3D轮播图
<!DOCTYPEhtml><htmllang=""><head><metacharset="utf-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"co...
代码星球 ·2020-09-06

yb课堂实战之轮播图接口引入本地缓存 《二十一》
packagenet.ybclass.online_ybclass.config;/***缓存key管理类*/publicclassCacheKeyManager{/***首页轮播图，缓存key*/publicstaticStringINDEX_BANNER_LIST_KEY="index:banner:list";}...
代码星球 ·2020-08-31

yb课堂实战之首页banner轮播图和视频详情接口开发 《四》
VideoMapper.xml<?xmlversion="1.0"encoding="UTF-8"?><!DOCTYPEmapperPUBLIC"-//mybatis.org//DTDMapper3.0//EN""http://mybatis.org/dtd/mybatis-3-mapper.dtd"...
代码星球 ·2020-08-31

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

3种不同方式的焦点图轮播
1.自动轮播+经过圆点滚动+鼠标停留在圆点上时候暂停+离开圆点自动轮播：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><...
代码星球 ·2020-08-09

使用ViewPager实现广告自动轮播的效果
packagecom.loaderman.viewpgerlunbodemo;importandroid.os.Bundle;importandroid.os.Handler;importandroid.os.Message;importandroid.support.v4.view.PagerAdapter;impo...
代码星球 ·2020-08-08

使用ViewFlipper实现广告图片的自动轮播的效果
轮播资源图片的实现packagecom.loaderman.viewflipperdemo;importandroid.os.Bundle;importandroid.support.v7.app.AppCompatActivity;importandroid.view.GestureDetector;importan...
代码星球 ·2020-08-08

图片轮播(Jquery)
昨天在博客园里面看到imwtr写的图片轮播(淡入淡出)的文章，觉得是否自己可以将该功能写成Jquery插件的形式，也方便之后如果需要的时候可以直接使用。经过调整和整合，完成了第一版本的jquery.carousel.js,接下来先简单介绍界面和功能：1、界面2、功能点击切换、向前切换、向后切换、定时切换3、功能实现(1...
代码星球 ·2020-08-05
首页上一页12345...下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他