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
轮播排名表
bootstrap学习笔记——黑马商城案例
bootstrap的初始化工作2.创建9个div1.第一个div:存放logo信息,在中等屏幕,每个占四份,小屏幕,超小屏幕,每个占12份2.第二个div:存放导航条,不用控制响应式3.第三个div:存放
轮播
图
Janson666
·
2022-09-22 20:27
web前端
web前端
bootstrap
js
html
jquery
JavaScript——网页
轮播
图( 实现点击小圆点、图片滑动、小圆点样式改变)
一、
轮播
图要实现的效果:实现点击小圆点、图片滑动、小圆点样式改变二、
轮播
图实现效果步骤:1.利用html+css完成
轮播
图片,底部小点的整体效果的布局。
鹿蹊zz
·
2022-09-22 20:48
JavaScript
javascript
前端
CSS——网易云音乐首页之
轮播
图的实现(完整版)
文章目录前言一、结构的分析二、使用步骤1.HTML结构2.CSS样式总结前言本文主要介绍的是网易云音乐首页之
轮播
图的实现,细心的小伙伴会发现,之前有发过网易
轮播
图的制作方法,但并没有完全实现,终于,本人
Bonsoir777
·
2022-09-22 20:33
网易云音乐首页的实现
css/css3
前端
css3
html
微前端架构
前端开始编写一些简单的JavaScript脚本来做动画效果,如
轮播
广告。●Ajax异步通信时期。20
拾荒李
·
2022-09-22 10:58
技术
typescript
angular.js
开发语言
Python
轮播
图与导航栏功能的实现流程全讲解
目录
轮播
图功能安装依赖模块上传文件相关配置注册home子应用创建
轮播
图的model模型创建Banner的序列化器创建Banner的视图类配置Banner的路由配置Xadmin配置文件注册Xadmin应用在总路由中添加
·
2022-09-22 03:18
大二网页制作实习总结
制作之后的几天可以直接开写了,我用了vue的一些基础,这样写起来方便,也可以用element-ui,加快速度比如这个
轮播
图,手写实在是麻烦优化全部
DB_鸠
·
2022-09-21 17:55
页面特效
javascript
前端
webpack
开篇:到底什么是前端工程化?
当时工作的主要内容是,将设计稿切图转成静态页面,然后用jQuery插件实现一些页面的
轮播
图、跑马灯等交互效果。最后使用后端的模板语言如smart、velocity等将静态
weixin_48109878
·
2022-09-21 15:06
透视前端工程化
工程化
前端
性能优化
性能优化
什么是前端工程化?
当时工作的主要内容是,将设计稿切图转成静态页面,然后用jQuery插件实现一些页面的
轮播
图、跑马灯等交互效果。最后使用后端的模板语言如smart、velocity等将静态
张金哲
·
2022-09-21 15:01
前端
webpack
javascript
uni-app swiper
轮播
图(全屏/卡牌)
效果图:1.自定义组件bw-swiper.vue代码:{{item[textKey]}}exportdefault{name:'bw-swiper',created:function(){varthat=this;if(this.fullScreen){uni.getSystemInfo({success:function(e){that.swiperHeight=e.screenHeight-4
yyxhzdm
·
2022-09-20 15:41
vue
vue.js
uni-app
swiper
前端
uniapp中处理swiper
轮播
图
1.自己写一个swiper组件,注意组件名最好不要用swiper,注意设置swiper的高度,因为他有默认,其实就和写小程序一样,不要慌。直接复制用就行了,要是你有接口,就改成v-for循环起来就可以了。swiper{width:100%;height:400rpx;}.swiper-itemimage{width:100%;height:400rpx;}2.注册组件并使用,哪里需要在哪里引入。就
zhangli0421
·
2022-09-20 15:11
javascript
vue.js
小程序
uni-app 实现
轮播
图 swiper
使用介绍
轮播
的数据项目实际代码2exportdefault{data(){return{title:'Hello',swipers:[]}},onLoad(){//模拟ajax获取数据,uni.request
反抄达人
·
2022-09-20 15:10
chrome
uniapp-swiper
轮播
图中间放大两边缩小
有个新需求,做一个
轮播
图,但是需要
轮播
到中间的时候,中间放大.是采用uniapp开发的小程序下面贴代码和效果图哈代码块:{{item.title}}{{item.txt2}}.con-part2-con
陈十三13
·
2022-09-20 15:37
前端
javascript
html
uni-app swiper
轮播
图
swiper详细数据参照uni-app官方swiper属性这里用了uni-swiper-dot插件自行修改小圆点css属性效果图:
汪酱~
·
2022-09-20 15:52
uni-app
Vue
vue
小程序
uniapp swiper组件
id=swiper一些参数的解释indicator-dots//控制面板是否显示小圆点autoplay//自动切换interval//切换间隔的时间duration//切换
轮播
时,话费的时间indicatorcolor
just today
·
2022-09-20 15:51
uniapp
swiper
scroll-view
slider
uni-app 实现
轮播
图(完整版)
先来张效果图吧代码不多,也不难,这里直接上代码了,复制就可以用{{item.name}}{{item.post}}{{item.site}}满意度99%累计咨询9999exportdefault{data(){return{errorImage:this.$mAssetsPath.errorImage,imgList:[{name:'茉莉',site:'中原区第一人民医院',post:'神经内科·
青衫折扇
·
2022-09-20 15:21
uni-app
vue.js
uniapp/小程序 swiper组件无限数据滚动
最近开发的一个小程序中涉及一个答题页面,打算使用小程序的swiper组件开发,题目可能数量过多,使用swiper一次性加载会造成卡顿,于是进行了一些优化解决思路:页面只展示3个swiper-item组件(小程序视频
轮播
插件受到的启发
Terminal丶句点
·
2022-09-20 15:17
uniapp
小程序
小程序
javascript
前端
uniapp中使用swiper
轮播
以及解决自动,手动切换页面抖动问题
uniapp中使用swiper
轮播
以及解决自动,手动切换页面抖动问题exportdefault{name:"index-swiper",props:{bannerList:{type:Array,default
miao_zz
·
2022-09-20 15:45
uni-app
uniapp
轮播
图(swiper)
属性名类型默认值说明平台差异说明indicator-dotsBooleanfalse是否显示面板指示点indicator-colorColorrgba(0,0,0,.3)指示点颜色indicator-active-colorColor#000000当前选中的指示点颜色active-classStringswiper-item可见时的class支付宝小程序changing-classStringac
babyxuqian
·
2022-09-20 15:31
uniapp
小程序
微信
微信小程序--邀请函
用竖向
轮播
图的方式展示照片。第三页为美好时光页。可以播放视
河里的草
·
2022-09-20 15:30
微信小程序
小程序
uni-app
轮播
图实现之swiper
首先在data中定义一个图片数据的对象数组data(){return{rotation:[{id:1,url:'https://imgcps.jd.com/ling4/100035927374/5Lqs6YCJ5aW96LSn/5L2g5YC85b6X5oul5pyJ/p-5bd8253082acdd181d02fa42/60f03300/cr/s/q.jpg'},{id:2,url:'https
-耿瑞-
·
2022-09-20 15:55
前端
小程序
css3
web
app
借助 :has 实现3d
轮播
图
这次带来一个比较常见的案例,3d
轮播
图,就像这样的这个
轮播
图有几个需要实现的点:3d视觉,也就是中间大,两边小自动
轮播
,鼠标放上自动暂停点击任意卡片会立即跳转到该卡片这次借助:has来实现这样的功能,
·
2022-09-20 10:53
前端csscss3
基于java+springboot+mybatis+vue+elementui的体育用品销售商城网站
登录注册首页浏览商品信息发表评论分类筛选商品查询商品资讯在线客服加入购物车商品收藏提交订单地址管理个人中心收藏管理订单管理退出登录管理员端:系统登录个人中心用户管理商品分类管理商品信息管理订单评价管理订单管理系统管理(
轮播
图管理
qq_3306428634
·
2022-09-19 22:31
JAVA项目
java
springboot
vue
elementui
mysql
微信小程序项目开发笔记(完结)
准备工作1.新建小程序项目2.整理项目2.1删除文件或代码2.2整理文件或代码2.3添加单文件标题3.搭建目录结构4.搭建项目的页面5.搭建项目的tabbar二、正式开发1.初始化页面样式2.搜索框3.
轮播
图
LX20190110
·
2022-09-19 11:41
笔记
小程序
javascript
前端
mysql基于Java web的电动车销售平台毕业设计源码201524
电动车销售平台主要功能模块包括电动车资讯管理、首页、站点管理(
轮播
图、公告栏、)用户管理(管理员、注册用户)
FYKJ_2010
·
2022-09-17 07:30
java
mysql
spring
boot
vue.js
python
Jquery版
轮播
图超详细
目录主要功能介绍:1、先搭建框架2、html和css代码三、jquery代码原生js的
轮播
图也写过,如需观看请您移步我的其他文章~主要功能介绍:鼠标移动到
轮播
图中显示左右按钮,
轮播
图片的定时器停止鼠标移出
轮播
图隐藏左右按钮
周百万.
·
2022-09-16 06:17
html
jquery
javascript
前端
轮播图
Vue3.0项目——打造企业级音乐App(一)Tab栏、
轮播
图、歌单列表、滚动组件
系列文章目录内容参考链接Vue3.0项目启动Vue3.0项目启动(打造企业级音乐App)Vue3.0项目——打造企业级音乐App(一)Tab栏、
轮播
图、歌单列表、滚动组件Vue3.0项目——打造企业级音乐
前端杂货铺
·
2022-09-15 17:56
Vue3
项目实战(音乐APP)
vue.js
javascript
前端
vue 组件定义、注册、使用流程 全局组件与局部组件区别 --重学vue.js笔记(10)
如果使用vue进行开发,我们就可以将网页功能模块化,比如将头部区域划分为一个模块,
轮播
图划分为另一个模块,页脚部分划分为一个模块。每个模块有独立的html/css/js代码。
前端一号站
·
2022-09-15 12:35
vue快速入门与提高
vue
vue.js
vue局部组件
vue全局组件
组件创建
小米商城首页仿写+课程总结报告
小米商城首页,有头部、logo、横幅、购物车、搜索框、
轮播
图和商品分类、底部组成,在这次实训中进行了详细的学习,通过老师的精心全面的讲解,对简易小米首页的制作,我学到了许多,虽然时间不长,但学的东西很全面
-_小小_-
·
2022-09-15 12:19
vue.js
css
javascript
react-native 实现渐变色背景过程
目录react-native渐变色背景react-native学习记录滚动条
轮播
图示例渐变色ScrollableTabView默认页面ScrollableTabView背景颜色ScrollableTabView
·
2022-09-15 09:36
原型制作与图解——墨刀工具
原型制作1、注册与新建项目1、墨刀功能区2、页面编辑区1、页面跳转2、底栏3、替换图标及其文字4、长页面制作3、部分高频组件的使用说明1、链接区域2、图片3、
轮播
图4、表格5、批注6、标签页,切换页面4
博客zhu虎康
·
2022-09-15 00:23
前端开发
浏览器
墨刀
基于springboot vue uniapp点餐外码系统源码(毕设)
功能介绍:用户端:登录注册首页显示
轮播
图,菜品分类,根据分类展示菜品(可带推荐算法),点击进入菜品详情(展示
计算机毕业设计大师
·
2022-09-14 12:11
vue
spring
boot
微信小程序
源码
vue
计算机毕业设计
html、css实现
轮播
图
使用html、css实现了一个
轮播
图图片用的是一样大小的图htmlDocumentcss*{padding:0;margin:0;}img{width:598px;height:auto;float:left
一蓑烟雨..
·
2022-09-14 12:06
前端
css
html
animation
如何做图片滚动展示php,vue实现图片滚动效果
上次写了一个简单的图片
轮播
,这个相当于在上面的一些改进。这个组件除了可以进行图片滚动外,也可以嵌入任何内容的标签进行滚动,里面用了slot进行封装。
fan meng
·
2022-09-14 08:02
如何做图片滚动展示php
element ui plus跑马灯放置图片,实现
轮播
效果,图片路径在assets
首先在elementuiplus里面找到跑马灯,复制一个下来用复制需要用到代码,就这里就好了{{item}}粘贴到VSCode并修改这里面的值v-for="itemincarouseData"然后就写数据exportdefault{name:"home",components:{},data(){return{//定义跑马灯的图片路径carouseData:[{url:require("../as
阿民不加班
·
2022-09-13 01:16
Vue
ui
vue
elementui
vscode
html
基于ssm的美妆购物平台管理系统(idea+spring+springmvc+mybatis+jsp)
系统一共分为2个角色分别是:管理员,用户二、模块简介管理员1、登录2、用户管理3、
轮播
图管理4、一级分类管理5、二级分类管理6、商品管理7、订单管理8、快递管理9、评论管理10、个人信息管理用户1、登录注册
码盗_java_bishe
·
2022-09-12 10:36
ssm
jsp
mybatis
java
spring
intellij-idea
mysql
UGUI学习笔记(九)自制3D
轮播
图
它将作为
轮播
图的父容器。在「SlideShow」身上挂载一个脚本,命名为「SlideShow3D」。
夜槿笙歌
·
2022-09-12 10:37
Unity
unity
ui
微信小程序组件封装-如何进行属性判断
如果你没有任何小程序开发经验,可以结合官网的同时,参考下这个网站先学习一下https://www.w3cschool.cn/weixinapp/下面以
轮播
图为例,讲下组件的封装:一、首先
暴走的奶糖
·
2022-09-12 07:10
移动端
微信
小程序
组件
移动端
[前端项目]微信小程序 小商城
商城模块构成和相应的功能点如下:首页:搜索框(防抖+补全)、
轮播
图、导购入口(flex布局)、五宫格(去浮动)分类:左右布局,左侧为商品分类,右侧为商品牌子(flex布局)商品详情页:
轮播
图、懒加载、flex
豆子前端
·
2022-09-12 07:40
前端
小程序
js
移动开发
【uniapp小程序开发】—— 组件封装之【自定义
轮播
图】
文章目录前言:正文1、首先了解`swiper`组件1.1、小小的demo示例:1.2、自定义
轮播
图效果展示说明2、完成自定义
轮播
图效果3、组件封装——自定义
轮播
图3.1、创建`swiper-doc.vue
「不一」
·
2022-09-12 07:06
小程序项目实战
uni-app
前端
小程序
微信小程序
web
app
springboot基于web的摩托车销售系统的设计与实现毕业设计源码031706
摩托车销售系统主要功能模块包括摩托车资讯管理、首页、站点管理(
轮播
图、公告栏、)用户管理(管理员
计算机程序设计定制
·
2022-09-09 20:55
java
spring
boot
vue.js
mysql
css
ios 面试题一
二、
轮播
图怎么实现?
Yuna_
·
2022-09-09 17:43
IOS
iOS
面试题
基于springboot的特产购物系统
htmljsbootstrap框架jquary开发工具:IDEA2020,JDK1.8,mysql5.7,maven3.6.0【后期提供你们】1.3程序软件1.4介绍前台商城系统包含首页门户、商品分类、新品上线、首页
轮播
Coding路人王
·
2022-09-08 14:49
项目
Springboot
Java
链表
数据结构
java
轮播
图或者tab切换时会遇到:js循环给dom元素添加绑定事件时,事件执行函数里面的i值需要注意的问题
学习
轮播
图的时候,在操作动态生成控制滚动图的按钮(小圆圈按钮)时发现了一个问题。
·
2022-09-07 16:54
前端javascript
微信小程序云开发——打卡小程序
小程序介绍目前实现的功能比较简单,只实现了考研倒计时功能、
轮播
图展示、打卡发布功能、打卡记录、个人资料管理。功能
blue双月鸟
·
2022-09-07 13:46
微信小程序
微信小程序
Vue使用Swiper封装
轮播
图组件的方法详解
目录Swiper为什么要封装组件开始封装1.下载安装Swiper2.引入css样式文件3.引入js文件4.把官网使用方法中的HTML结构复制粘贴过来5.初始化Swiper自定义效果完整代码效果展示SwiperSwiper是一个很常用的用于实现各种滑动效果的插件,PC端和移动端都能很好的适配。官网地址:www.swiper.com.cn/目前最新版本是Swiper7,但众所周知最新版本通常不稳定,所
·
2022-09-06 13:17
ViewPager实现
轮播
图引导页
本文实例为大家分享了ViewPager实现
轮播
图引导页的具体代码,供大家参考,具体内容如下创建fragment将fragment对象添加到viewPager中,使其可以进行左右滑动的功能fragmentList.add
·
2022-09-06 11:32
【5-12】《响应式布局》——响应式布局介绍和版心、BootStrap、使用BootStrap步骤、BootStrap入门基础、BootStrap案例
文章目录响应式布局一、介绍和版心二、BootStrap使用bootstrap做
轮播
图案例完整代码效果图总结响应式布局一、介绍和版心前面已经简单接触过。响应式布局就是代码随着屏幕大小的改变显示不同。
美少女降临人世间
·
2022-09-05 14:17
【前端精华笔记】更新中
bootstrap
前端页面
网页制作
响应式布局
bootstrap入门基础
【移动端网页特效】02-移动端
轮播
图(原生JS)
移动端
轮播
图原生JS实现移动端
轮播
图结构搭建html代码&css代码实现思路JS核心代码原生JS实现移动端
轮播
图结构搭建html代码&css代码*{margin:0;padding:0;}ulli{list-style-type
SevgiliD
·
2022-09-05 14:29
JavaScript初级
【前端学习笔记】
javascript
css
css3
VUE实现
轮播
图(拿即用)
效果展示左右可切换,并且下面显示进度,不聚焦时能自动
轮播
exportdefault{name:"Banner",data(){return{src:[{img:require("..
浩淇害死猫
·
2022-09-02 18:56
Vue
vue.js
javascript
记录
轮播
图
*{padding:0;margin:0;}.box{position:relative;margin:100pxauto;overflow:hidden;width:600px;}.img-box{display:flex;width:3000px;list-style:none;}.img-item{width:600px;background-color:#02ffff;height:600
Amodoro
·
2022-09-02 09:30
笔记
javascript
前端
上一页
49
50
51
52
53
54
55
56
下一页
按字母分类:
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
其他