摘要:
所谓逐帧轮播图就是一帧一帧的移动播放,并且实现无缝接连播放的效果。下面将介绍逐帧轮播图的实现思路。 该效果的重点是如何实现无缝连接,其实很简单,逐帧轮播图都是从右往左移动,那么只需将最后一幅轮播图片复制一份放在第一张的位置(比如有5张轮播图,那么位置排列为 5 1 2 3 4 5),这样当图片播放到 阅读全文
摘要:
在表单验证中,正则表达式书写起来特别繁琐,本文整理了15个常用的JavaScript正则表达式,其中包括用户名、密码强度、整数、数字、电子邮件地址(Email)、手机号码、身份证号、URL地址、 IPv4地址、 十六进制颜色、 日期、 QQ号码、 微信号、车牌号、中文正则、文件路径及扩展名、提取网页 阅读全文
摘要:
实现效果为如下:在同一页面下,当我选中输入手机号时,出现手机号输入框,当我选中输入验证码时,出现验证码输入框,当我选中设置密码时,出现密码框 在这里有一个小技巧,就是 1.对下面的输入框设置同样的样式,保证在更换的时候不出现抖动;2.对输入框区域一开始就设置display:none。让其不显示,在上 阅读全文
摘要:
很多时候,我们想通过html+css的方式实现排列在后方的代码在选中状态下,能控制排列在前的代码的样式。那么要怎么实现呢?在这里我就要用1个小技巧来完成。 众所周知的,我们css中的选择器通常只能向下或者同级向下选中,而不能向上选中,这样就对于想控制前面样式的时候带来麻烦。input+label关联 阅读全文
摘要:
实现效果:杨辉三角 即: 在这里我将用到js中数组的知识来完成,我将用二维数组来储存这个序列,其中外层数组储存所有的值,里层数组将储存每一行的值。 我的思路是: 1.获取用户输入要的行数。 2.创建二维数组并进行计算,优先计算出所需要的数值,并按行储存,输出之后效果如下: 3.对以上的数据,按照杨辉 阅读全文
摘要:
我们都知道,input的单选框是一个小圆框,不能直接更改样式。但是我们在很多网页中看到的单选框样式可不仅限于默认的那个样式(看上去没啥新意,也比较丑)。那么,接下来我将介绍下如何实现该功能。 首先,让我们来看下单选框的实现: 在html中的input元素中,将其type属性值设置为radio,即为单 阅读全文
摘要:
酷炫的动画效果往往更能吸引眼球,下面我将分享纯CSS中,hover的时候出现下划线动态飞入的技巧。 1.下划线从左侧飞入: 步骤:首先是设置div为相对位置(relative,主要用于before子元素的定位。因为绝对位置的定位要求其父元素的position属性值不能为static,而relativ 阅读全文
摘要:
一、文本样式: 1. text-index:缩进文本 ,用于段落首行缩进。 取值:text-index:2em(父级元素的2倍);10%(父级宽度的百分之10;10px; 只能用于块级元素,无法用于行内元素、图像元素。如果一个块级元素首行有一个图像,它会随文本移动。 使用负值,可实现“悬挂缩进”。 阅读全文
摘要:
定义:视觉格式化模型(visual formating model): CSS的一种机制,由大量CSS规范组成,规定了多个元素在页面中如何布局。 一、视觉格式化模型 ①元素的定位体系 - 任何一个元素,必须属于其中一种定位体系。 - 定位体系有三种:常规流(normal flow)、浮动(float 阅读全文
摘要:
一、层叠 1. 什么是层叠? 层叠是一种机制,用于解决CSS声明冲突。即**当出现声明冲突时,浏览器自动触发层叠机制**。 层叠的过程(3步走,通过后只剩1条样式): ①比较优先级:一个声明的优先级,与它的**来源**和**重要性**有关。 按来源分为:作者样式表、浏览器默认样式表、用户样式表。 若 阅读全文