css-图片轮播

购书网站前端实现（HTML+CSS+JavaScript）

主要功能以及元素应用：1、实现购书网站的基本页面，包括主页、书籍分类栏、登录界面、自动显示浏览时间、图片轮播切换等
Charzueus·2020-09-11 10:00

css-元素水平、竖直居中

一、水平居中1.文本图片水平居中给父级元素设置text-align:center;2.确定宽度的块级元素居中设置自身margin-left:auto;margin-right:auto;别忘了设置自身宽度；3.不确定宽度的块级元素的居中（1）用table帮助实现不确定宽度块级元素居中块级元素设置table元素margin-left:auto;margin-right:auto;（2）设置父级元素t
woshifan1989·2020-09-11 08:11

原生js+css3实现图片自动切换，图片轮播

运用CSS3transition及opacity属性制作图片轮播动画自己这两天根据用js来控制触发CSS3中transition属性，从而写出来的以CSS3动画为基础，js控制过程的图片轮播运用css3
anbei9541·2020-09-11 08:36

原生JS实现点击图片轮播的效果

干货如下图片轮播Css样式设置如下body{margin:0;background-image:url("..
York_Ice·2020-09-11 08:01

web 轮播图（1）：

然后利用js或者css来改变container的left值，来实现图片轮播。
Eaziln·2020-09-11 07:06

购书网站前端实现（HTML+CSS+JavaScript）

主要功能以及元素应用：1、实现购书网站的基本页面，包括主页、书籍分类栏、登录界面、自动显示浏览时间、图片轮播切
Charzous·2020-09-11 06:11

前端-javascript（上）

Javascript入门（上）今日内容介绍使用JS完成简单的数据校验使用JS完成图片轮播效果使用JS完成页面定时弹出广告今日内容学习目标掌握JavaScript的基本语法(掌握)掌握JavaScript
阿扎姆王子·2020-09-11 05:52

Vue进阶（幺肆贰）：CSS-静态定位，相对定位，绝对定位，固定定位的用法和区别详解

CSS提供了三种基本的定位机制：普通流、浮动和定位；通过这三种方式可实现页面的排版布局。普通流普通流中元素的位置由元素在(X)HTML中的位置决定：块级元素独自占一行，在文本流中从上到下一个接一个地排列；行内元素在一行中并排排列，遇到父元素的边沿会换行继续排列；浮动浮动会让元素脱离标准文档流，不再占原来的空间，可以让多个块级元素并排显示。定位定位是将元素定在某个位置，定位元素的层级要高于浮动元素；
No Silver Bullet·2020-09-11 03:33

css-盒子内包含img标签后，底部留白/盒子高度多了几像素的问题

今天在学习写京东案例的时候，在给一个盒子添加img之后，发现盒子高度高了几像素。例如简单的一个div内包含一个img标签：Documentdiv{border:1pxsolidred;float:left;}如图所示，底部会有一小截的留白。这是因为img默认和基线对齐即（vertical-align:baseline）只要设置vertical-align:top|middle就可以解决这个问题。
Endless Daydream233·2020-09-10 13:37

手机触模的图片轮播

.y-addWrap{position:relative;width:100%;background:#fff;margin:0;padding:0;}.y-addWrap.swipe{overflow:hidden;visibility:hidden;position:relative;}.y-addWrap.swipe-wrap{overflow:hidden;position:relativ
boys1999·2020-09-10 12:08

CSS-给Font Awesome拓展Base64编码的图标

和fa一样设置到::before中就行了，不过fa是直接设置内容，这里用的背景图.fa-science-garden::before{content:"";display:block;/*居中*/margin:0auto;/*自适应大小*/width:1em;height:1em;background-size:cover;/*图片url*/background-image:url(data:im
anleng6817·2020-09-10 12:30

广告栏(自动轮播,无限循环)-图片轮播控件Banner的简单使用总结

Gradledependencies{compile'com.youth.banner:banner:1.1.5'//指定版本compile'com.youth.banner:banner:+'//最新版本}常量方法名描述Banner.NOT_INDICATOR不显示指示器和标题Banner.CIRCLE_INDICATOR显示圆形指示器Banner.NUM_INDICATOR显示数字指示器Ban
Stephen2Wong·2020-09-10 11:20

@font-face属性参数详细介绍

css网页中导入特殊字体@font-face属性详解-HTML/CSS-谷子博客http://www.guzii.com/article/show-1-47.html@font-face是CSS3中的一个模块
谷子Guzii·2020-09-10 11:07

ViewPager实现图片轮播，下方带小点显示当前位置

先来张效果图还是从布局文件开始说，使用到的布局文件就一个content_main.xml，因为小点图片是覆盖在大图片的上面的，所以这里要用Framelayout，包含了两个linearLayout，一个放置大图片，一个放置小图片的，这里在代码中动态添加，具体代码如下：对应的类为MainActivity，具体代码如下：publicclassMainActivityextendsAppCompatAc
l弗格森·2020-08-26 23:09

css和js的入门

使用CSS完成网站首页的优化使用CSS完成网站注册页面的优化使用JS完成简单的数据校验使用JS完成图片轮播效果网站注册案例:form标签:表单标签,主要是用来向服务器提交数据method:提交方式getpostaction
Spashi·2020-08-26 16:07

CSS-进阶系列

一、SVG1、vivid.js一个SVG图标的js库，支持DOM调用。转载于:https://www.cnblogs.com/sylvia-Camellia/p/11188397.html
weixin_30527143·2020-08-26 14:25

图片轮播效果（二）

制作时间：15:30-18:00抛弃之前测试用的三个方框，正式制作漂亮的界面。测试环境只是用Chrome，所以浏览器兼容性还没有考虑到。html代码：最终要实现的页面是这样的：Paste_Image.png为这几张图片添加红色标注，便于理解。根据规律，第3张图的两边其实是对称的，大小啊，透明度啊，层级关系啊都是一样的。那我来一步一步添加css代码。首先添加基本的css代码：@charset"UTF
TsingXu·2020-08-26 12:53

CSS-动画模块

告诉系统需要执行哪个动画animation-name:XXOO;(名字可以随便写)告诉系统动画持续的时长animation-duration:3s;告诉系统我们需要自己创建一个名称叫做XXOO的动画@keyframesXXOO{from{margin-left:0;}to{margin-left:500px;}}过渡和动画之间的异同不同点过渡必须人为的触发才会执行动画动画不需要人为的触发就可以执行
远方的路_·2020-08-26 11:04

Jquery和纯JS实现轮播图--左右切换式

一、页面结构对于左右切换式的轮播图的结构主要分为以下几个部分：1、首先是个外围部分（其实也就是最外边的整体wrapper)2、其次就是你设置图片轮播的地方（也就是一个container吧）3、然后是一个图片组
小白恋上大白·2020-08-25 15:12

多张图片轮播和展示的几种常见效果写法

1、几张图片计时器简单轮播(jQuery).banner{width:100%;height:350px;overflow:hidden;}.bannerimg{width:100%;}vartimer=null;clearInterval(timer)varn=1;timer=setInterval(function(){$('.banner>img').attr('src','images/'
qq_40927742·2020-08-25 04:31

css-如何设置table中tr的高度

设置tr的高度可以通过给td设置高度去改变tr的高度。tr的高度会随着内容的改变而改变但是给td设置高度后tr的最小高度就是td的高度。
zf18234031156·2020-08-25 00:08

CSS- 控制图片显示指定大小 并超过大小自动缩小

有时候利用css比较方便控制网页html中img图片的显示大小。这样也省得自己一个一个去定义。img,aimg{border:0;margin:0;padding:0;max-width:600px;width:expression(this.width>600?"600px":this.width);max-height:600px;height:expression(this.height>6
weixin_30609287·2020-08-24 23:06

Android事件分发机制源码分析之View篇

对于Android事件分发机制，我们在开发的过程中，肯定曾经遇到在最外层添加了ScrollView之后ListView无法正常滑动、我们的图片轮播在左右滑动图片为什么感觉很难控制。
firejunking·2020-08-24 22:33

CSS-伪类获取除第一个之外的其他子元素

若实现效果如下，css伪类可以把握的死死的↓↓↓举个栗子：123.contents{display:flex;flex-direction:row;justify-content:space-around;}.contentsdiv{height:150px;line-height:150px;width:150px;background:#ccc;text-align:center;color:
草莓味的狗儿·2020-08-24 20:37

css伪类 :before和 :after的使用详解 以及实现的一些效果

CSS-:before伪元素基本用法如下：“::before”伪元素可以在元素的内容前面插入新内容。
Artemis视同·2020-08-24 19:38

css-伪类

伪类简介（伪类一般都用==:==开头）特殊的类，虚拟的类，表示标签的特殊状态1.列表伪类：用于列表，表示顺序的:first-child–第一个子元素:last-child–最后一个子元素:nth-child（n[0~∞]）–第n个子元素2n=even=偶数2n+1=odd=奇数:not()排除伪类同类型的排序:first-of-type–第一个子元素:last-of-type–最后一个子元素:nt
哈哈哈，heitui·2020-08-24 19:02

CSS-网站导航栏标题之间的分隔符

在一个网页上，尤其是导航栏文字与文字之间，大多数情况下都会有分隔符，也就是文字之间的一个小竖线，这个小小的分隔符，每个网站都有不同的样式，常用的写法就是用标签的边框，这个写法也比较简单，用起来也方便，但是，却满足不了越来越绚丽的网页，很多情况下用标签的边框是写不出来现有要的样式的，那就需要其他的写法，下面总结一些常见的，如有不足或者错误之处，欢迎大家批评指正。1、标签边框.这个写法比较简单，不需要
achuandai3501·2020-08-24 19:45

Vue.js学习记录-15-Vue去哪儿网项目实战：景点详情页开发-功能点概述 + Detail + Banner(通用组件：Gallery、Fade)

(拖动至下方会出现)用户点击顶部图片展示，进入图片轮播区域(全屏)，可左右滑动进行图片浏览，点击图片区域外进行返回景点详情页，过渡动画的使用，图片轮播区域配置首页返回按钮。
编程小透明·2020-08-24 19:51

iOS-Main-细讲图片轮播

如图所示:基本思路要做什莫第一部分：准备数据1.创建一个名为"UI-图片轮播器"的工
_正阳_·2020-08-24 16:11

用两个ImageView实现图片的轮播

在很多应用中我们都可以看到图片轮播器scrollView.gif下来我将使用两个imageView实现图片的轮播，也是目前我用到最简单的方法，并且可以完美封装，很实用，不说了，直接上代码@interfaceUIScrollView
timeforasong·2020-08-24 14:07

基于 Vue 实现的 移动端图片轮播组件.

wc-swiper基于Vue的移动端的图片轮播组件.why之前一直在用vue-awesome-swiper,功能很齐全,但是唯一的问题就是体积比较大.我只是想要一个简单的图片轮播,但是却要引入100多k
云水摇啊摇·2020-08-24 13:28

关于bxslider插件在手机上滚动的问题

发现并没有bxslider这个标签，是不是很少人用这个图片轮播插件？上个链接：bxslider这个jquery图片轮播插件个人一直沿用至今，不仅支持PC端对移动端也不错。
Shyla·2020-08-24 13:48

原生JS实现触控滑动（swipe）图片轮播

上周写了段图片自动轮播的代码，感觉应用的局限性还是挺大，实习期间一直在捣鼓移动端网页的开发，这周试了试原生JS实现左右滑动的图片轮播，在网上找了很多滑动插件诸如swipe，hammer，Quo，JQM用着都不太理想
囧囧·2020-08-24 13:50

基于CSS3实现淡入（fadeIn）淡出（fadeOut）效果

思路是将淡入，淡出的效果做成预先定义好的样式类，然后用JS改变元素的类来达到图片轮播。（注意：因为
囧囧·2020-08-24 13:47

【自定义view】 图片轮播+小圆点

图片轮播，小圆点可支持居中或居右设置，颜色可自定义，效果如下：关键代码如下：publicclassBannerViewextendsRelativeLayout{privatebooleanisRight
夜空星雨·2020-08-24 11:40

图片轮播带小圆点选择左右切换

图片轮播效果导入JShtml代码>css代码*{margin:0px;padding:0px;}.banner{width:790px;height:340px;background-color:#fed93a
sunny06-17·2020-08-24 11:13

web图片轮播实现

轮播.flexslider{position:relative;width:100%;height:400px;overflow:hidden;zoom:1}.flexslider.slidesli{width:100%;height:100%}.flexslider:hover.flex-next:hover,.flexslider:hover.flex-prev:hover{opacity:1
weixin_33979745·2020-08-24 10:17

WebApp图片轮播banner

WebApp图片轮播img{border:0;*display:inline;}li{border:0;list-style-type:none;}ul{list-style:none;margin:0
风一样的执着·2020-08-24 10:46

幻灯片统计

slidesjs官方网站：http://slidesjs.com/slidesjs响应式图片轮播展示插件,移动端支持触摸。
shilianweiyao·2020-08-24 10:38

开源框架Banner实现图片轮播

常量常量名称描述所属方法BannerConfig.NOT_INDICATOR不显示指示器和标题setBannerStyleBannerConfig.CIRCLE_INDICATOR显示圆形指示器setBannerStyleBannerConfig.NUM_INDICATOR显示数字指示器setBannerStyleBannerConfig.NUM_INDICATOR_TITLE显示数字指示器和标题
只希望动力无限·2020-08-24 09:30

一个自动轮播以及小圆点的设置

自动图片轮播先从网络获取图片，然后把图片放到适配器传过去，之后实行无线轮播publicclassMainActivityextendsAppCompatActivity{privateViewPagervp
祁凯凯·2020-08-24 09:33

Android：ViewPager制作幻灯片

最近在项目中用到图片轮播，试了Gallery，ViewFlipper，ViewPager,感觉Gallery最符合需求，但是Gallery的系统边框很难看，项目中要求用自己的背景图片。
HenryLee699·2020-08-24 09:25

简单的图片轮播 加小圆点

先说一下思路，使用ViewPager加LinearLayout布局共同实现，先看布局再看配置图片设配器//设配器classMyAapterextendsPagerAdapter{privateContextcontext;privateString[]path;//是一个数组网络图片的URLprivateBitmapUtilsbu;//用于绘制一个位图给图片赋值//构造传参publicMyAapt
fanaw·2020-08-24 08:08

网页基础 -- HTML

web基础：1.web标准（万维网-W3C）：结构标准--HTML->决定网页上有什么东西（能够显示什么内容）表现标准--CSS->决定网页上内容的布局和显示方式行为标准--JavaScript（JS）
GHope·2020-08-24 08:12

图片轮播小圆点

--------------------------------------------------------------------------------------------------------------------------------------------------------动态添加小圆点的方法/***动态添加小圆点*@paramlist*/privatevoidini
cdb_680·2020-08-24 08:55

CSS-布局4-双飞翼布局

1、双飞翼布局概述双飞翼布局同样来源淘宝，可以说是借鉴了圣杯布局，同时也解决了圣杯布局使用相对定位的缺陷。2、双飞翼布局实现思路（1）与圣杯布局一样，利用负边距技术实现初步效果双飞翼布局*{margin:0px;padding:0px;}.header{background:yellow;}.left{width:198px;height:200px;float:left;border:1pxso
Java小工匠·2020-08-24 07:08

图片轮播（上一幅下一幅+圆点+自动切换）

效果图如下：代码如下：*{margin:0;padding:0;}#imgList{width:730px;height:420px;margin:100pxauto;border:1pxsolidpink;position:relative;border:6pxdashedpink;}#imgList:hover.pre,#imgList:hover.next{display:block;}#i
辣姐什么鬼·2020-08-24 06:01

自适应轮播网页全屏背景，根据窗口大小保持背景图片比例。

图片轮播速度为10分钟。下载的代码中，轮播图片的速度设置的是10秒钟。演示地址：http://dev.dzzoffice.com如果您也在使用dzzoffice，可以直接把这个代码作为动态壁纸添加进
nabi123·2020-08-24 01:30

小技巧--页面中既有幻灯图集(js特效轮播)也有悬浮窗(js特效)只显示一种,幻灯图集和悬浮窗特效冲突

一般建站时,我们都是先做图片轮播特效,即图集幻灯,最后面做页面悬浮框特效,但是有时候当引入悬浮特效时,之前的幻灯特效就失效了.这种情况主要是我们每次都引入了jquery库,可能两次引入的版本不一样,相冲突
weixin_36628344·2020-08-23 20:49

基于vue实现swipe轮播组件

项目背景图片轮播是前端项目必有项，当前有很多效果很酷炫的轮播插件，例如Swiper。但是当项目中的图片轮播只需要一个很简单的轮播样式，比如这样的我们引用这样一个110k的大插件，就大材小用了。
weixin_34100227·2020-08-23 20:46
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他