1.Definition: pseudo-classes The pseudo-class concept is introduced to permit selection based on information that lies outside of the document tree or ...
分类:
Web程序 时间:
2018-10-25 11:11:53
阅读次数:
249
将CSS修改为: <style type="text/css"> .navbar .nav > li .dropdown-menu { margin: 0; } .navbar .nav > li:hover .dropdown-menu { display: block; }</style> 实例 ...
分类:
其他好文 时间:
2018-10-25 10:58:50
阅读次数:
169
伪类:CSS伪类是用于给一个元素定义一个特殊的状态。 语法: 常见的四种: 1 a:link {color:#FF0000;} 2 a:visited {color:#00FF00;} 3 a:hover {color:#FF00FF;} 4 a:active {color:#0000FF;} 伪元 ...
分类:
其他好文 时间:
2018-10-24 01:14:03
阅读次数:
135
1.实现代码 2、效果 3、说明 实现技术主要为:transition和transform。 其中rotateY的参数为正值时旋转方向为“离开屏幕朝向人的方向” ...
分类:
Web程序 时间:
2018-10-22 11:34:20
阅读次数:
210
前言本文将介绍如何通过js实现移动端图片预览,包括图片的 预览模式,手势缩放,手势拖动,双击放大等基本功能; 扫码查看示例效果: 代码地址http://pangyongsheng.github.io/imgPreview/ 一、功能介绍 图片预览主要有以下几个功能点组成: 监听图片点击事件,进入图片 ...
分类:
移动开发 时间:
2018-10-22 10:22:35
阅读次数:
253
一、基本选择器 *(通配符选择器),id,class,ele(元素选择器),属性选择器 二、组合选择器 子代选择器(>),后代选择器(空格隔开),相邻兄弟选择器(+),通用兄弟选择器(~) 三、伪类选择器 a的伪类:LVHA(:link :visted :hover :active) input的伪 ...
分类:
Web程序 时间:
2018-10-19 11:56:00
阅读次数:
186
<style> div{width:100px;height:100px;transition:width 2s;-moz-transition:width 2s; /* Firefox 4 */-webkit-transition:width 2s; /* Safari and Chrome */ ...
分类:
Web程序 时间:
2018-10-19 02:07:43
阅读次数:
278
伪类选择器一般会用在超链接a标签中,使用a标签的伪类选择器 遵循"爱恨准则",LoVe HAte/*没有被访问的a标签的样式*/ .box ul li.item1 a:link{ color: #666; } /*访问过后的a标签的样式*/ .box ul li.item2 a:vi... ...
分类:
Web程序 时间:
2018-10-18 19:22:05
阅读次数:
192
eg:一般情况下,网站上的导航条会吸顶或者不做处理的,在处理吸顶情况:指示器的颜色会有不同的需求,在默认进入页面首页时,导航条的指示器颜色时黑色(看公司需求确定),鼠标在悬停到某一个产品会展示下方信息,一般的写法用对应的hover事件处理时没有问题的。在需要吸顶后在改变鼠标悬停的效果并且当前的指示器 ...
分类:
Web程序 时间:
2018-10-16 01:39:27
阅读次数:
258
任务实现:用jQuery实现轮播图。 来自瓶子啊之小白,欢迎来访,欢迎指导。 相信大家从事前端的开发者初级就是轮播图,首先我用jquery写了一个,第二篇我会用原生JavaScript给大家展示。其原理是一样的,只不过jquery封住好了一些属性和方法。获取节点和实现效果就比较方便快捷了。 下面是展 ...
分类:
Web程序 时间:
2018-10-14 20:47:59
阅读次数:
169