- 博客(7)
- 收藏
- 关注
RSS订阅原创 jQuery弹出层通用函数封装
弹出层是很多网站都会用到的效果，接下来用实现弹出层函数封装：（一）先看页面效果：1. header 顶部导航条最右侧放登陆、注册两个链接2.点击登陆链接时，弹出登陆窗体3.点击右侧关闭按钮，登陆窗体关闭4.点击注册链接时，弹出注册窗体5.点击右侧关闭按钮，注册窗体关闭（二）html结构（为简略，结构已省略logo、nav、登录注册等具体内容）：<!DOCTYPE html><h...
2018-03-10 12:39:24
1603
原创 CSS@media媒体查询，实现简单的响应式布局
页面相应式要求如下：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>响应式布局练习</title> <style> /*基本样式*/
2018-03-07 14:32:44
11218
原创 JavaScript封装简易的图片轮播函数
图片轮播是很多网站都会用到的功能，接下来原生JS简易实现图片自动轮播第一步：定义页面 html 结构：<div class="banner" id="banner"> <a href="#"> <div class="banner-slide slide1 slide-active"></div&
2018-03-06 18:14:38
969
原创 慕课网——CSS作业练习题
作业地址：点击打开链接html：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css慕课网作业</title> <link rel="stylesheet&quo
2018-03-06 00:52:58
1399
原创 实现不定高元素垂直居中三中方式
效果图如下：html结构： <div class="parent"> <div class="child">demo</div> </div>方法一：display: table-cell + vertical-align: middle具体样式： .parent { width: 60px; height: 2...
2018-03-05 12:12:24
448
原创 CSS四种方案实现——居中布局
不定宽元素的居中对齐方案一： text-align: center + display: inline-block代码：css:<style type="text/css"> .parent { height: 80px; background: #ddd; text-align: center;...
2018-03-02 16:09:53
249
转载 input输入框:focus时美化效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>input</title> <style type="text/css">
2018-03-02 11:31:07
5896
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人