2018年3月6日
js简单的隔行变色
摘要： <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } span{ margin-left: 20px; } / 阅读全文
posted @ 2018-03-06 11:46 丢嫂 阅读(145) 评论(0) 推荐(0) 编辑
2018年2月24日
仿淘宝搜索框
摘要： 与css的placeholder不同，淘宝为了增强用户体验当用户光标定位在搜索框范围之内时，如果直接使用value值会选中文字，并且光标不会同时定位在搜索框开头，解决方法：给input一个id，再用lable标签存放原placeholder的文字 同时lable需要添加一个for属性，for=‘光标 阅读全文
posted @ 2018-02-24 15:03 丢嫂 阅读(146) 评论(0) 推荐(0) 编辑
2018年2月20日
点击隐藏文字
摘要： <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .box{ width: 400px; height: 阅读全文
posted @ 2018-02-20 19:24 丢嫂 阅读(104) 评论(0) 推荐(0) 编辑
验证是否中奖的小例子
摘要： <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .box{ width: 400px; height: 阅读全文
posted @ 2018-02-20 19:22 丢嫂 阅读(68) 评论(0) 推荐(0) 编辑
$函数
摘要： <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #demo{ width: 400px; height: 阅读全文
posted @ 2018-02-20 19:20 丢嫂 阅读(153) 评论(0) 推荐(0) 编辑
商品展示 初学者
摘要： <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .box{ width: 520px; height: 阅读全文
posted @ 2018-02-20 19:19 丢嫂 阅读(103) 评论(0) 推荐(0) 编辑
2018年2月8日
简易模态框 初学者
摘要： <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .top{ width: 100%; height: 3 阅读全文
posted @ 2018-02-08 20:42 丢嫂 阅读(104) 评论(0) 推荐(0) 编辑
桌面带单简单版
摘要： <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .box{ width: 600px; margin: 阅读全文
posted @ 2018-02-08 19:30 丢嫂 阅读(82) 评论(0) 推荐(0) 编辑