E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
eyou轮播图
vue卡片
轮播图
我的项目是vue3的,用的swiper8{{item.act}}import{Swiper,SwiperSlide}from'swiper/vue/swiper-vue';import{Autoplay,Scrollbar}from'swiper';import'swiper/swiper-bundle.min.css';exportdefaultdefineComponent({componen
静止呀
·
2023-08-04 23:02
Vue
vue.js
vue2 el-carousel
轮播图
和文字一起改变
vue项目的话安装一下element依赖npmielement-ui-S在main入口文件引入element包我在app文件里边去写的{{item.title}}exportdefault{data(){return{items:[{url:require('./assets/200319120534-7-1200.jpg'),title:'妇科咨询',id:0},{url:require('./
战斗中的老段
·
2023-08-04 14:28
vue
javascript
vue.js
elementui
Swift第三方之无限
轮播图
(自动轮播)
cocopods中集成第三方pod'SQAutoScrollView'//图片若是个网络数据则用Alamofire进行请求pod'Alamofire'2.先进行解析图片数据//MARK:解析数据,添加
轮播图
呵邢
·
2023-08-04 13:12
Bootstrap框架(JavaScript组件)
,过渡插件六,模态框6.1,JavaScript操作模态框6.2,模态框属性6.3,模态框方法6.4,模态框事件七,选项卡简介7.1,选项卡组成及实现7.2,选项卡使用中注意点7.3,胶囊式选项卡八,
轮播图
简介
天秤座的码农
·
2023-08-04 11:35
javascript
bootstrap
前端
深入理解JavaScript(上)| 青训营
直接操作样式可以用class来表示状态纯展示类交互寻求零JS方案组件封装组件设计的原则:封装性、正确性、扩展性、复用性实现组件的步骤:结构设计、展现效果、行为设计三次重构插件化模板化抽象化(组件框架)满足其上面要求的
轮播图
代码
阿泽不会飞
·
2023-08-03 22:46
js高级
javascript
vue 实现
轮播图
vue通过vue-touch实现
轮播图
rem适应pc端与移动端可自行修改成px下载(vue-touch)
[email protected]
中引入:importVueTouchfrom'vue-touch'Vue.use
-SkyBlue-
·
2023-08-03 20:38
Vue3基础知识(待续)
因为有很多程序员支持vue,开发了很多如
轮播图
的东西就形成了一个生态。考虑到web世界的多样性,vue注重灵活性和可被逐步继承。
阳光明媚UPUP
·
2023-08-03 17:08
vue.js
前端
javascript
iOS Swift5从0到1系列(十三):走入 UICollectionView(二):自定义组件(二):
轮播图
(BannerView)
一、前言上篇,我们简单了解了UICollectionView,本篇,我们将基于UICollectionView来封装我们的第二个组件:
轮播图
(BannerView);BannerView是我们最常见的一种
青叶小小
·
2023-08-03 01:06
基于SSM 微课网站-计算机毕设 附源码40311
微课网站主要功能模块包括首页、
轮播图
、公告、资源管理(新闻资讯、资讯分类、在线作业)交流管理(讨论区、讨论分类)系统用户(管理员、
wxin_VXbishe
·
2023-08-02 20:14
课程设计
python
spring
boot
php
Java
MySQL
记录react中使用swiper插件遇到的问题
框架,想做想做一个轮播的组件,就先在网上扒拉了一下,开始照葫芦画瓢,先上图,说一下问题而且我已经重新设置的css样式找了好久,最后发现问题,每个swiper-slide元素的宽度是750.4px,而每次
轮播图
滑动时
孑孑然
·
2023-08-02 17:13
react
react
swiper
Django实现音乐网站 ⑶
使用PythonDjango框架制作一个音乐网站,在系列文章2的基础上继续开发,本篇主要是后台单曲、专辑、首页
轮播图
表模块开发。
JSON_L
·
2023-08-02 12:01
#
Django项目
python
django
后端
高校社团管理系统
二、运行截图(一)登录注册界面首页登录页面注册页面(二)资讯管理栏目管理信息管理发布资讯
轮播图
管理公告管理(三)用户管理会员管理后台用户管理角色管理新增后台管理(四)账户管理账户信息编辑账
云边的快乐猫
·
2023-08-02 12:26
代码资源
java
开发语言
社团管理系统
ssm
mysq8.0
JavaScript+ JQuery+Bootstrap 实现定位设计ui-h5页面
静态资源指的是固定不动的元素,比如字体,背景颜色,图标,图片等,动态资源指音频,视频,图片
轮播图
等。
codeMaster____
·
2023-08-02 03:23
Linux运维
日常操作
java
jquery
bootstrap
javascript
开发微信小程序的最少必要知识
需要学多一点知识,等待技术到家;没有找到适合自己水平的小程序开发教程;没有时间;……但无论是什么理由,这两天我把那些「借口」都克服了,写了一个简单的小程序页面,效果如下:image小程序页面框架:顶部是三张
轮播图
片
彭宏豪
·
2023-08-02 01:56
基于SpringBoot的儿童疫苗预约系统-计算机毕设 附源码12222
儿童疫苗预约管理,主要的模块包括查看首页、站点管理(
轮播图
、公告栏)用户管理(管理员、系统用户)内容管理(资讯列表、分类列表)更多管理(预约订单、疫苗信息、取消预约、疫苗采购、疫苗退货)等功能。
wxin_VXbishe
·
2023-08-02 00:14
spring
boot
java
python
课程设计
MySQL
HTML+CSS+JS网页设计期末课程大作业(家居网)
二、作品效果▶️视频演示https://live.csdn.net/v/embed/239867(title-C101SJ-家具网带js
轮播图
三级(7页))]截图演示07
STU网页设计
·
2023-08-01 20:33
vue3中获取ref元素的几种方式总结
最近开发了一个PC端的新项目,其中有一个这样的需求,点击表单中已上传的图片(这一栏中可以上传多张图片),进行预览时,会出现一个
轮播图
的效果,显示当前点击的图片,点击左右滑动,可以预览上一张或者下一张。
时清云
·
2023-08-01 13:15
工作学习总结
vue
vue3中获取ref元素的方式
vue3中通过ref获取元素
基于Java+SpringBoot制作一个学生公寓管理小程序
一、小程序1.1项目创建1.2首页
轮播图
快捷导航iconfont图标引入卫生评比记录1.3报修登记管理1.4来访登记管理
摔跤猫子
·
2023-08-01 07:34
微信小程序
java
spring
boot
小程序
学生公寓管理
卫生评比
来访登记
前端Jquery插件记录
主要部分
轮播图
swiperhttps://www.swiper.com.cn/渲染模板art-templatehttp://aui.github.io/art-template/分页bootstrap-paginator
前端周哥
·
2023-08-01 06:38
移动端web开发项目心得
使用
轮播图
之后,页面的header和footer的width:100%被撑宽,fixed失效。
48e3ced5acad
·
2023-07-31 20:02
一文搞懂CSS 3D动画效果
文章目录前言一、先来看几个动画案例①旋转飞人②翻转纽扣③立体导航栏④立体
轮播图
二、3D动画效果简述1.转换类型:transform-style:preserve-3d;2.透视perspective:400px
酷尔。
·
2023-07-31 19:24
网页前端高级编程从入门到精通
动画
3d
css
javascript
html
ionic3 踩坑、ion-slides组件loop=true时有些点击事件无效
首先吐槽下ioinc3中的这个ion-slides这个组件真是一步一坑,时刻走在填坑的路上...这不目前所做的移动端项目在首页上部有个
轮播图
,loop='true'自动循环播放.既然是
轮播图
一般情况下每个图片绑定的都有点击事件来跳转的相应页面
Gavin222
·
2023-07-31 17:59
6.事件监听(绑定)
就是让程序检测是否有事件产生,一旦有事件触发,就立即调用一个函数做出响应,也称为绑定事件或者注册事件,比如鼠标经过显示下拉菜单,比如点击可以播放
轮播图
等等●语法元素对象.addEventListener
ybi8bo007
·
2023-07-31 12:14
前端——JavaScript
javascript
开发语言
ecmascript
7.事件类型
7.1鼠标事件案例-
轮播图
点击切换需求:当点击左右的按钮,可以切换
轮播图
分析:①右侧按钮点击,变量++,如果大于等于8,则复原0②左侧按钮点击,变量–,如果小于0,则复原最后一张③鼠标经过暂停定时器④鼠标离开开启定时器
ybi8bo007
·
2023-07-31 12:14
前端——JavaScript
css
css3
html
javascript
uniapp-
轮播图
swiper根据内容图片高度自适应,解决获取图片高度不准确的问题
需求:
轮播图
swiper根据内容图片高度自适应但是通过uniappuni.createSelectorQuery的方法获取图片高度不正确,比如图片是100,获取是200,this.
永远不会太晚
·
2023-07-31 12:35
uni-app
2018-10-30
轮播图
2.0QQ图片20181030233504.jpg添加了滚动效果让所有图片排成一排进行滚动,当滚到最后一张或者最开始一张跳转到首页或尾页html代码
轮播图
1234css代码*{padding:0;
一曲一人听
·
2023-07-31 07:12
HTML+CSS+JavaScript:
轮播图
自动播放
一、需求
轮播图
如下图所示,需求是每隔一秒
轮播图
自动切换一次二、代码素材以下是缺失JS部分的代码,感兴趣的小伙伴可以先自己试着写一写
轮播图
点击切换*{box-sizing:border-box;}.slider
早八睡不醒午觉睡不够的程序猿
·
2023-07-31 06:55
html
css
javascript
vue 基础学习 第四天
=>一个页面需要
轮播图
,
轮播图
写成一个组件,如果需要复用在另一个页面载入该组件即可。用Vue开发的网页就是由不同的组件组成的。
那就远走
·
2023-07-31 03:24
前端实现淘宝
轮播图
效果-5种方法实现
实现淘宝
轮播图
效果的方法有很多种,这里介绍五种常见的方法:方法一:使用CSS动画使用CSS动画可以实现简单的
轮播图
效果。
一花一world
·
2023-07-30 22:15
前端
前端
Flutter--PageView学习
一、PageView的介绍PageView:滑动视图列表,类型Android的ViewPage控件,不过PageView支持上下滑动,可制作
轮播图
。
小迷糊_dcee
·
2023-07-30 18:41
10条让
轮播图
转化率更高的设计原则
一、实际运用中的
轮播图
在美国一份针对50家顶级零售电商网站的统计中,发现
轮播图
被广泛运用于电商网站:PC端52%的电商网站使用
轮播图
,而与此同时移动端56%的电商网站使用
轮播图
。
芦苇科技Luweitech
·
2023-07-30 13:05
Flutter 仿有道精品课(一)首页
首页
轮播图
#
轮播图
flutter_swiper:^1.1.4///banner组件WidgetgetBanner(ListcourseBannerList){returnContainer(height
大队辅导猿
·
2023-07-29 13:44
二、小兔仙Vue3(项目介绍)
目标功能:首页模块:顶部通栏,吸顶导航,网站头部,左侧分类,
轮播图
,新鲜好物,人气推荐,热门品牌,分类商品推荐,专题推荐,网站底部。一级分类:面包屑,
轮播图
,全部二级分类,二级分类推荐商品。
官方认证新生代农民工_平安喜乐
·
2023-07-29 02:57
笔记
小兔仙Vue3
Vue3
javascript
原生JS实现
轮播图
效果
CSS部分代码:*{padding:0;margin:0;}.container{width:1130px;height:286px;position:relative;margin:0auto;overflow:hidden;}.wrapper{position:absolute;}.slide{width:1130px;height:286px;float:left;}.slideimg{wi
千锋小书童
·
2023-07-28 21:31
node.js旅游景点分享网站【纯干货分享,免费领取源码03796】
旅游景点分享网站设计,主要的模块包括查看后台首页、
轮播图
(
轮播图
管理)、网站公告管理(网站公告)、资源管理(旅行资讯、资讯分类)、商城管理(商品中心、分类列表、订单列表)、系统用户(管理员、注册用户)、
QQ_785101605
·
2023-07-28 18:45
node.js
数据库
html5
基于flask徐州市天气信息可视化分析系统【纯干货分享,附源码04600】
天气信息可视化分析系统主要功能模块包括系统首页、
轮播图
、公告消息、资源管理(天气资讯、资讯分类)系统用户(管理员、普通用户)模块管理(天气
QQ_785101605
·
2023-07-28 18:15
flask
信息可视化
python
Bootstrap+echarts实现轮播效果 第二屏echarts图不显示
究其原因是,
轮播图
中的active样式中的display属性问题,当没有active样式时display为none,故该层的长宽没有被初始化,而echart在页
lamCCH
·
2023-07-28 10:15
echarts
bootstrap
javascript
轮播图
自动播放 定时器使用
轮播图
自动播放定时器使用Documentul,li{margin:0;padding:0;list-style:none;}ul{width:500px;height:300px;border:1pxsolidblack
Vue1024
·
2023-07-28 06:29
html
css
js
jq
javascript
html
前端
小程序
轮播图
的两种后台方式(PHP)--【浅入深出系列008】
详细解析黑马微信小程序视频–【思维导图知识范围】难度★✰✰✰✰不会导入/打开小程序的看这里:参考让别人的小程序长成自己的样子-更换window上下颜色–【浅入深出系列001】文章目录本系列校训学习资源的选择啥是
轮播图
轮播图
的关键代码最常见的
轮播图
代码便于理解但是不能用于后台的轮播代码知识点复习
项目花园范德彪
·
2023-07-28 01:57
微信小程序
小程序
php
微信小程序
前后台
小程序
轮播图
的两种后台方式(JSP)--【浅入深出系列009】
详细解析黑马微信小程序视频–【思维导图知识范围】难度★✰✰✰✰不会导入/打开小程序的看这里:参考让别人的小程序长成自己的样子-更换window上下颜色–【浅入深出系列001】文章目录本系列校训学习资源的选择啥是
轮播图
轮播图
的关键代码最常见的
轮播图
代码便于理解但是不能用于后台的轮播代码知识点复习
项目花园范德彪
·
2023-07-28 01:57
#
JAVAWEB
微信小程序
小程序
java
java-web
微信小程序
青枫壁纸小程序V1.4.0(后端SpringBoot)
内容变化首页上个版本一直是以头像套图作为首页的,这次替换成以
轮播图
和公告功能为主的首页,给小程序管理者提供内容传播和消息通知的窗口"更多精彩"模块,后面的版本会进行改动,可能是
一只风里
·
2023-07-27 21:00
微信小程序
小程序
element ui走马灯,
轮播图
宽详细代码度为屏幕宽度的100%,
可以使用ElementUI的Carousel组件来实现
轮播图
,可以设置
轮播图
的宽度为100%,代码如下:{{item.title}}{{item.desc}}
任我心意
·
2023-07-27 16:49
vue.js
前端
javascript
ecmascript
前端框架
制作
轮播图
经验分享——element ui走马灯的使用(附源码,效果截图)
先附上效果图:elementui链接地址:Carousel走马灯|ElementPlus(gitee.io)源码:data(){return{urls:[{url:require('../assets/jmsg.jpg')},{url:require('../assets/sdkj.jpg')},{url:require('../assets/ylylbs.jpg')},{url:require(
WSX2018
·
2023-07-27 16:49
前端
elementui
vue
eyoucms pagelist 列表分页标签
语法:{
eyou
:listpagesize='10'titlelen='30'infolen='160'}{$field.title}{/
eyou
:list}{
eyou
:pagelistlistitem
西祠_fa33
·
2023-07-27 14:26
使用vant+video.js实现
轮播图
图片和视频轮播播放
先上效果图1.安装npminstallvideo.js2.在需要用到的页面引入importVideofrom"video.js";import"video.js/dist/video-js.css";3.具体页面使用假设传给子组件的数组结构import{Swipe,SwipeItem,Image,Loading,Icon}from"vant";importVideofrom"video.js";i
铁锤妹妹@
·
2023-07-27 10:21
JavaScript
javascript
音视频
前端
web APIs-练习二
轮播图
点击切换:
轮播图
点击切换*{box-sizing:border-box;}.slider{width:560px;height:400px;overflow:hidden;}.slider-wrapper
Dowen00
·
2023-07-27 06:42
前端
css
css3
vue-carousel-3d
轮播图
效果,实例详解,可实现宽度自适应
如图所示,这是一个大屏项目的3d
轮播图
效果,下面跟着我来详细实现这个轮播效果。
银鞍照白马
·
2023-07-27 06:34
《vue全家桶》
vue
css3
swiper(
轮播图
)基本使用
首先Swiper使用方法-Swiper中文网地址如上在vue中安装npminstall--saveswiper@5使用多次的话,在入口文件main.js中引入,引入样式不需要from‘swiper’组件还是得引入importSwiperfrom'swiper'列如import'swiper/css/swiper.css';vue中使用的时候,从服务器拿数据时,由于v-for遍历时结构还没有完全同步
学无止境s
·
2023-07-27 02:10
经验分享
基于PHP在线考试系统的设计与实现【纯干货分享,免费领源码06496】
在线考试系统主要功能模块包括登录、首页、网站管理(
轮播图
、校园公告)人员管理(管理员、考生用户、教师用户)内容管理(校园资讯、资讯分类
QQ_785101605
·
2023-07-27 01:31
php
开发语言
数据库
angular中使用swiper遇到的坑-左右箭头在
轮播图
外
项目是angular框架,在使用swiper插件的时的坑问题点:swiper本身的左右箭头是在图里面的,如图:image.png现在想要实现箭头在图片外,网上找了找资料,需要再swiper标签外再嵌套一层刚开始我嵌套后页面会出现两组箭头,并且在swiper外面这组箭头空有样式,没有功能,点击无效果;找了半天原因,原来是navigation里面的绑定元素出了问题,里面默认的是绑定按钮的class,当
豁啦子
·
2023-07-27 01:21
上一页
19
20
21
22
23
24
25
26
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他