本文实现嵌入式图片下沉效果,先上几张效果图: css代码如下: dom结构如下: 如有表述不准确之处,欢迎指正,欢迎补充,感谢阅读。 ...
分类:
其他好文 时间:
2018-01-17 13:49:17
阅读次数:
102
用css实现幻灯片播放是最基础的,闲下来没事就试着写了一下,如果有不够完善或者方法不好的地方还请指点。下面我就用两种方法实现css花灯片效果。 方法1:定位。通过position属性改变left值 html代码: css代码: 方法2:2D转换。通过transfrom属性 html代码: css代码 ...
分类:
Web程序 时间:
2018-01-14 18:42:54
阅读次数:
211
一行 CSS 代码实现响应式布局 – 使用 Grid 实现的响应式布局 在这篇文章中,我将教你如何使用 CSS Grid(网格) 布局来创建一个超酷的图像网格,它会根据屏幕的宽度改变列的数量,以实现响应式布局。 而这篇文章中最漂亮的部分是:添加一行 CSS 代码即可实现响应式布局。 这意味着我们不必 ...
分类:
其他好文 时间:
2018-01-11 19:16:37
阅读次数:
171
js表单验证是目前前端必不可少用到的检测方法,现在我就发一下我用到的常见的几种,用到了正则表达式,下面是一套完整的网页代码~ js代码: css代码: html: ...
分类:
Web程序 时间:
2018-01-11 16:13:34
阅读次数:
195
html代码: js代码页: css代码: ...
分类:
Web程序 时间:
2018-01-08 21:05:56
阅读次数:
229
* {margin: 0;padding: 0;}ul { list-style-type: none; }ul::after{ content:''; display:block; clear: both;}a, a:link,a:visited,a:hover,a:active { color:... ...
分类:
Web程序 时间:
2018-01-06 17:58:01
阅读次数:
207
想要的效果如下图所示,利用CSS伪类效果 HTML代码如下 CSS代码如下 参考的大神链接:http://blog.csdn.net/baidu_33163851/article/details/51304347 ...
分类:
Web程序 时间:
2018-01-05 15:41:22
阅读次数:
182
html代码: css代码: js代码: 知识点总结: 1.$.inArray() 函数用于在数组中查找指定值,并返回它的索引值(如果没有找到,则返回-1); 2.apply() 的作用是改变执行的执行环境。 就是说数组 colH 没有min这个方法,但是Math对象可以求最小值,有min这个方法 ...
分类:
其他好文 时间:
2018-01-05 15:39:16
阅读次数:
170
仿微博登录 请选择邮箱类型: @sina.com @163.com @qq.com @126.com @sina.cn @139.com CSS代码: body,ul,li,h2{margin:0;padding:0;color:#ccc;} ul{list-sty... ...
分类:
编程语言 时间:
2017-12-30 20:00:44
阅读次数:
179