2019年5月21日
【案例】相对定位实现波浪效果
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>相对定位实现波浪效果</title> <style> *{ margin:0; padding:0; } li{ list-style: none; } a{ 阅读全文
posted @ 2019-05-21 19:55 笨鸟不会飞~~ 阅读(149) 评论(0) 推荐(0)
【案例】米柚导航条实现
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>米柚导航条</title> <style> *{ margin: 0; padding: 0; } li{ list-style: none; } a{ tex 阅读全文
posted @ 2019-05-21 19:43 笨鸟不会飞~~ 阅读(191) 评论(0) 推荐(0)
【案例】京东导航条（锚点+书签）
摘要： 导航条实现： 1、图像映射img/map/area <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>img/map/area锚点练习</title> <style> body{ margin: 0; padd 阅读全文
posted @ 2019-05-21 17:20 笨鸟不会飞~~ 阅读(572) 评论(0) 推荐(0)
【案例】城市地址三级联动
摘要： 注意点： 1、<option value=""></option> value值的设置 2、select的onchange事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>城市地址三级联动</title> 阅读全文
posted @ 2019-05-21 16:36 笨鸟不会飞~~ 阅读(921) 评论(0) 推荐(0)
【案例】城市地址二级联动
摘要： 注意点： 1、select的onchange事件 2、<option value=""></option> 巧妙使用value值 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>城市地址二级联动</title 阅读全文
posted @ 2019-05-21 15:55 笨鸟不会飞~~ 阅读(394) 评论(0) 推荐(0)
【案例】高仿百度注册页
摘要： 注意点： 1、正则表达式的匹配 2、密码强度规则的设置 3、表单提交事件onsubmit 4、表单获取焦点事件onfocus、表单失去焦点事件onblur、表单输入事件oninput <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF 阅读全文
posted @ 2019-05-21 12:23 笨鸟不会飞~~ 阅读(242) 评论(0) 推荐(0)