码迷,mamicode.com
首页 >  
搜索关键字:轮播    ( 2811个结果
微信小程序之swiper标签
swiper标签是微信小程序中自带的轮播图组件,然我们可以快速的创建一个轮播图,不再需要像在HTML中那样麻烦。 swiper (滑块视图容器,即轮播图容器) 轮播图组件容器。 在此容器中加入轮播的图片,设置部分属性即可完成轮播图的设计,非常方便。下面记录一下各个常用属性及其作用。 注意 下面这些全 ...
分类:微信   时间:2020-07-20 20:31:38    阅读次数:214
vue项目实战-pc端新闻网页
1、项目初始 基于vue-cli搭建项目 vue create news-app 页面采用flex布局、样式使用sass 2、首页的搭建 主要包括导航栏,轮播图,及主要新闻的展示 2、点击导航栏可进行不同新闻的切换 通过id的不同获得不同的数据,进行页面渲染,每个页面只展示5条数据,对页面进行分页, ...
分类:Web程序   时间:2020-07-20 15:50:35    阅读次数:169
轮播图带广告词条随图片滚动
css样式: <style> * { padding: 0; margin: 0; font-family: "微软雅黑"; font-size: 14px;} ul,li { list-style: none; } a { text-decoration: none; color: black; ...
分类:其他好文   时间:2020-07-18 11:26:07    阅读次数:91
vue-awesome-swiper的使用
这是swiper专门为了vue开发出的插件,参数基本一样 https://www.swiper.com.cn/ vue中使用 npm install vue-awesome-swiper 组件中引入 import { Swiper, SwiperSlide } from 'vue-awesome-s ...
分类:其他好文   时间:2020-07-17 14:02:11    阅读次数:125
小米官网轮播图
效果预览:https://li_shang_shan.gitee.io/imitated_millet_rotation 源码下载:https://gitee.com/li_shang_shan/imitated_millet_rotation 结构代码如下: <html> <head> <meta ...
分类:移动开发   时间:2020-07-17 09:27:28    阅读次数:118
易购商城首页
需求描述 网站头部及特效制作 Logo及搜索区域 导航区域及特效制作 轮播区域及特效制作 应季商品区域及特效 底部区域 HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatibl ...
分类:其他好文   时间:2020-07-12 18:34:52    阅读次数:1245
实现图片轮播功能
最近在学JS想做点东西来练练手,上了小米官网,看着他们的图片轮播挺有趣的,想实现一下官网的图片轮播功能: 在官网上观察了一小会,发现这个图会自动轮播,应该是每隔三秒还是四秒就切换到下一张图,然后如果鼠标放到图片上,轮播就结束了;如果手动点下面的li,就会转到对应的图片上去,然后把鼠标从图片中移开,图 ...
分类:其他好文   时间:2020-07-10 00:12:55    阅读次数:116
满足客户的特殊需求,特殊轮播图非常规轮播图
遇一客户追求高大上界面效果, 看似简单,但程序上实现,可谓酸爽一比 废话不说说,看看效果图吧: 掉了几夜头发之后 分享一波代码实现效果,高手可分享见解谢谢, html部分为: <div id="zbox"> <div class="slides"> <ul> <li><a href="#"><img ...
分类:其他好文   时间:2020-07-09 19:30:55    阅读次数:64
Html
黑马旅游网 <!--采用table来完成布局--> <!--最外层的table,用于整个页面的布局--> <table width="100%" align="center"> <!-- 第1行 --> <tr> <td> <img src="image/top_banner.jpg" width= ...
分类:Web程序   时间:2020-07-09 00:36:32    阅读次数:103
vue-awesome-swiper的各种坑OTZ
1.Cannot find module 'swiper' 我也就试了下github上的demo啊,哪错了?? 好的,再去下载swiper,轮播图能显示了 让我们再来试试下面的小点点 不管是 pagination: { el: '.swiper-pagination' } 还是 pagination ...
分类:其他好文   时间:2020-07-08 19:31:13    阅读次数:118
2811条   上一页 1 ... 4 5 6 7 8 ... 282 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!