[置顶] IE CSS Bug 系列
摘要： 1.【IE CSS Bug系列】IE6&IE7图片链接无效 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>IE6&IE7图片链接无效</title> <style> html,body { padding: 0; margin 阅读全文
posted @ 2014-03-13 13:33 小七丶 阅读(1110) 评论(6) 推荐(1)
[置顶] 两栏布局，三栏布局，等高布局，流式布局
摘要： 读前笑一笑： 两栏布局： 1. float+margin（一侧定宽，一侧自动） <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title> 左定宽，右自动 </title> <style type="text/css"> html,bod 阅读全文
posted @ 2013-09-24 17:15 小七丶 阅读(7748) 评论(5) 推荐(7)
2015年5月7日
抽奖之大富翁
摘要： 直接看效果点这里 <!doctype html> <html> <head> <meta charset="UTF-8"> <title> 大富翁 </title> <style> ul {list-style: none; } .lottery { position: relative; widt 阅读全文
posted @ 2015-05-07 17:42 小七丶 阅读(465) 评论(0) 推荐(1)
2015年5月6日
抽奖之手机大转盘
摘要： 直接看效果点这里 HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-sc 阅读全文
posted @ 2015-05-06 14:59 小七丶 阅读(4155) 评论(0) 推荐(0)
2015年5月5日
抽奖之手机刮刮卡
摘要： 直接看效果点这里（记得模拟手机噢） 阅读全文
posted @ 2015-05-05 16:47 小七丶 阅读(496) 评论(0) 推荐(0)
手机不定大小头像处理
摘要： 要求：图像尺寸可能有以下几种可能：宽>高，宽1. CSS3 background实现CSS/* 假设你已经拥有DEMO里需要的图片 */.m-box { width: 100px; height: 100px; border-radius: 50%; overflow: hidde... 阅读全文
posted @ 2015-05-05 11:54 小七丶 阅读(418) 评论(0) 推荐(0)
2015年5月4日
抽奖之Flash大转盘
摘要： 1.搭建JS与Flash互通的环境 2.提供一个JS的方法给AS调用 3.AS提供一个方法让JS调用 ps:13年时实战项目（http://game.51wan.com/wkll/hd/sx/） 阅读全文
posted @ 2015-05-04 15:28 小七丶 阅读(410) 评论(0) 推荐(0)
手机体验细节小动画
摘要： 1.展开收起 展开收起 ▲ 点我展开/收起 世界那么大，我想去看看~ 世界那么大，我想去看看~ 世界那么大，我想去看看~ 世界那么大，我想去看看~ 世界不是你想... 阅读全文
posted @ 2015-05-04 15:05 小七丶 阅读(338) 评论(1) 推荐(0)
第一次用AngularJS
摘要： 1.创建指令的4种方式（ECMA） 2.指令的多种调用方式 3.service 与 controller、directive交互 4.controller 与 controller交互 阅读全文
posted @ 2015-05-04 11:32 小七丶 阅读(435) 评论(0) 推荐(0)
鼠标离开方向检测
摘要： 直接看效果点这里 阅读全文
posted @ 2015-05-04 11:32 小七丶 阅读(313) 评论(0) 推荐(0)
回忆之placeholder
摘要： 直接看效果点这里 HTML <!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset="utf-8"> <title> Placeholder </title> </head> <body> <input class="J_Placeholde 阅读全文
posted @ 2015-05-04 11:31 小七丶 阅读(215) 评论(0) 推荐(0)
回忆之日历
摘要： 直接看效果点这里 HTML <!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset="utf-8"> <title> 简易多栏日历 </title> <link rel="stylesheet" href="calendar.css"> </ 阅读全文
posted @ 2015-05-04 11:31 小七丶 阅读(275) 评论(0) 推荐(0)
下一页