博客园 - 小七丶
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=19468
2018-05-17T02:37:49Z
小七丶
https://www.cnblogs.com/jununx/
feed.cnblogs.com
https://www.cnblogs.com/jununx/p/4472886.html
抽奖之大富翁 - 小七丶
直接看效果点这里 <!doctype html> <html> <head> <meta charset="UTF-8"> <title> 大富翁 </title> <style> ul {list-style: none; } .lottery { position: relative; widt
2015-05-07T09:42:00Z
2015-05-07T09:42:00Z
小七丶
https://www.cnblogs.com/jununx/
【摘要】直接看效果点这里 <!doctype html> <html> <head> <meta charset="UTF-8"> <title> 大富翁 </title> <style> ul {list-style: none; } .lottery { position: relative; widt <a href="https://www.cnblogs.com/jununx/p/4472886.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jununx/p/4472889.html
抽奖之手机大转盘 - 小七丶
直接看效果点这里 HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-sc
2015-05-06T06:59:00Z
2015-05-06T06:59:00Z
小七丶
https://www.cnblogs.com/jununx/
【摘要】直接看效果点这里 HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-sc <a href="https://www.cnblogs.com/jununx/p/4472889.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jununx/p/4472892.html
抽奖之手机刮刮卡 - 小七丶
直接看效果点这里(记得模拟手机噢)
2015-05-05T08:47:00Z
2015-05-05T08:47:00Z
小七丶
https://www.cnblogs.com/jununx/
【摘要】直接看效果点这里(记得模拟手机噢) <a href="https://www.cnblogs.com/jununx/p/4472892.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jununx/p/4473997.html
手机不定大小头像处理 - 小七丶
要求:图像尺寸可能有以下几种可能:宽>高,宽1. CSS3 background实现CSS/* 假设你已经拥有DEMO里需要的图片 */.m-box { width: 100px; height: 100px; border-radius: 50%; overflow: hidde...
2015-05-05T03:54:00Z
2015-05-05T03:54:00Z
小七丶
https://www.cnblogs.com/jununx/
【摘要】要求:图像尺寸可能有以下几种可能:宽>高,宽1. CSS3 background实现CSS/* 假设你已经拥有DEMO里需要的图片 */.m-box { width: 100px; height: 100px; border-radius: 50%; overflow: hidde... <a href="https://www.cnblogs.com/jununx/p/4473997.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jununx/p/4472884.html
抽奖之Flash大转盘 - 小七丶
1.搭建JS与Flash互通的环境 2.提供一个JS的方法给AS调用 3.AS提供一个方法让JS调用 ps:13年时实战项目(http://game.51wan.com/wkll/hd/sx/)
2015-05-04T07:28:00Z
2015-05-04T07:28:00Z
小七丶
https://www.cnblogs.com/jununx/
【摘要】1.搭建JS与Flash互通的环境 2.提供一个JS的方法给AS调用 3.AS提供一个方法让JS调用 ps:13年时实战项目(http://game.51wan.com/wkll/hd/sx/) <a href="https://www.cnblogs.com/jununx/p/4472884.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jununx/p/4473996.html
手机体验细节小动画 - 小七丶
1.展开收起 展开收起 ▲ 点我展开/收起 世界那么大,我想去看看~ 世界那么大,我想去看看~ 世界那么大,我想去看看~ 世界那么大,我想去看看~ 世界不是你想...
2015-05-04T07:05:00Z
2015-05-04T07:05:00Z
小七丶
https://www.cnblogs.com/jununx/
【摘要】1.展开收起 展开收起 ▲ 点我展开/收起 世界那么大,我想去看看~ 世界那么大,我想去看看~ 世界那么大,我想去看看~ 世界那么大,我想去看看~ 世界不是你想... <a href="https://www.cnblogs.com/jununx/p/4473996.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jununx/p/4472894.html
鼠标离开方向检测 - 小七丶
直接看效果点这里
2015-05-04T03:32:00Z
2015-05-04T03:32:00Z
小七丶
https://www.cnblogs.com/jununx/
【摘要】直接看效果点这里 <a href="https://www.cnblogs.com/jununx/p/4472894.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jununx/p/4472898.html
第一次用AngularJS - 小七丶
1.创建指令的4种方式(ECMA) 2.指令的多种调用方式 3.service 与 controller、directive交互 4.controller 与 controller交互
2015-05-04T03:32:00Z
2015-05-04T03:32:00Z
小七丶
https://www.cnblogs.com/jununx/
【摘要】1.创建指令的4种方式(ECMA) 2.指令的多种调用方式 3.service 与 controller、directive交互 4.controller 与 controller交互 <a href="https://www.cnblogs.com/jununx/p/4472898.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jununx/p/4472908.html
回忆之日历 - 小七丶
直接看效果点这里 HTML <!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset="utf-8"> <title> 简易多栏日历 </title> <link rel="stylesheet" href="calendar.css"> </
2015-05-04T03:31:00Z
2015-05-04T03:31:00Z
小七丶
https://www.cnblogs.com/jununx/
【摘要】直接看效果点这里 HTML <!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset="utf-8"> <title> 简易多栏日历 </title> <link rel="stylesheet" href="calendar.css"> </ <a href="https://www.cnblogs.com/jununx/p/4472908.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jununx/p/4472909.html
回忆之placeholder - 小七丶
直接看效果点这里 HTML <!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset="utf-8"> <title> Placeholder </title> </head> <body> <input class="J_Placeholde
2015-05-04T03:31:00Z
2015-05-04T03:31:00Z
小七丶
https://www.cnblogs.com/jununx/
【摘要】直接看效果点这里 HTML <!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset="utf-8"> <title> Placeholder </title> </head> <body> <input class="J_Placeholde <a href="https://www.cnblogs.com/jununx/p/4472909.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jununx/p/4472907.html
回忆之分页 - 小七丶
直接看效果点这里 HTML <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>分页插件</title> <link rel="stylesheet" href="page.min.css"/> </head>
2015-05-04T03:31:00Z
2015-05-04T03:31:00Z
小七丶
https://www.cnblogs.com/jununx/
【摘要】直接看效果点这里 HTML <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>分页插件</title> <link rel="stylesheet" href="page.min.css"/> </head> <a href="https://www.cnblogs.com/jununx/p/4472907.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jununx/p/4472910.html
回忆之浮窗 - 小七丶
直接看效果点这里 HTML <!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset="utf-8"> <title> 浮窗 </title> <style> * { margin: 0; padding: 0; } .staff { widt
2015-05-04T03:27:00Z
2015-05-04T03:27:00Z
小七丶
https://www.cnblogs.com/jununx/
【摘要】直接看效果点这里 HTML <!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset="utf-8"> <title> 浮窗 </title> <style> * { margin: 0; padding: 0; } .staff { widt <a href="https://www.cnblogs.com/jununx/p/4472910.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jununx/p/4472913.html
回忆之目的地搜索 - 小七丶
直接看效果点这里 HTML <!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset="utf-8"> <title> 目的地搜索 </title> <link rel="stylesheet" href="ui-destination.css
2015-05-04T03:27:00Z
2015-05-04T03:27:00Z
小七丶
https://www.cnblogs.com/jununx/
【摘要】直接看效果点这里 HTML <!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset="utf-8"> <title> 目的地搜索 </title> <link rel="stylesheet" href="ui-destination.css <a href="https://www.cnblogs.com/jununx/p/4472913.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jununx/p/4473332.html
回忆之星星评分 - 小七丶
直接看效果点这里 HTML <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title> 星星评分 </title> <link rel="stylesheet" href="star.css"/> </head> <b
2015-05-04T03:26:00Z
2015-05-04T03:26:00Z
小七丶
https://www.cnblogs.com/jununx/
【摘要】直接看效果点这里 HTML <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title> 星星评分 </title> <link rel="stylesheet" href="star.css"/> </head> <b <a href="https://www.cnblogs.com/jununx/p/4473332.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jununx/p/4472912.html
回忆之城市搜索 - 小七丶
直接看效果点这里 HTML <!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset="utf-8"> <title> 城市搜索 </title> <link rel="stylesheet" href="ui-departure.css">
2015-05-04T03:26:00Z
2015-05-04T03:26:00Z
小七丶
https://www.cnblogs.com/jununx/
【摘要】直接看效果点这里 HTML <!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset="utf-8"> <title> 城市搜索 </title> <link rel="stylesheet" href="ui-departure.css"> <a href="https://www.cnblogs.com/jununx/p/4472912.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jununx/p/4473373.html
回忆之横竖滑动门 - 小七丶
直接看效果点这里 HTML <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title> 横竖滑动门 </title> <link rel="stylesheet" href="sliding-door.css"/> <
2015-05-04T03:24:00Z
2015-05-04T03:24:00Z
小七丶
https://www.cnblogs.com/jununx/
【摘要】直接看效果点这里 HTML <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title> 横竖滑动门 </title> <link rel="stylesheet" href="sliding-door.css"/> < <a href="https://www.cnblogs.com/jununx/p/4473373.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jununx/p/4024556.html
3步学会用gulp - 小七丶
1.安装gulp安装gulp到全局:npm install -g gulp安装gulp到某个项目:npm install --save gulp注意:请先安装nodejs(自带npm)2.创建gulpfile.js//在你的项目根目录下创建gulpfile.js,代码如下:// 引入 gulpvar...
2014-10-14T07:48:00Z
2014-10-14T07:48:00Z
小七丶
https://www.cnblogs.com/jununx/
【摘要】1.安装gulp安装gulp到全局:npm install -g gulp安装gulp到某个项目:npm install --save gulp注意:请先安装nodejs(自带npm)2.创建gulpfile.js//在你的项目根目录下创建gulpfile.js,代码如下:// 引入 gulpvar... <a href="https://www.cnblogs.com/jununx/p/4024556.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jununx/p/3962485.html
div需要重置吗? - 小七丶
看看所有常用标签的默认margin、padding?Demo戳这里 - -当你每次看到为那一长串标签设置margin: 0; padding: 0; 的时候,你是否想看看哪些标签,在哪些浏览器里有默认值?FF 32.0:==== Margin ==== h1,21.4333px,0px,21.433...
2014-09-09T05:33:00Z
2014-09-09T05:33:00Z
小七丶
https://www.cnblogs.com/jununx/
【摘要】看看所有常用标签的默认margin、padding?Demo戳这里 - -当你每次看到为那一长串标签设置margin: 0; padding: 0; 的时候,你是否想看看哪些标签,在哪些浏览器里有默认值?FF 32.0:==== Margin ==== h1,21.4333px,0px,21.433... <a href="https://www.cnblogs.com/jununx/p/3962485.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jununx/p/3659244.html
HTML元素遮挡Flash之梦 - 小七丶
wmode参数:transparent模式:可用z-index控制层级opaque模式:可用z-index控制层级window模式:flash层级在浏览器核心显示窗口之上,flash会盖住与他重合的html情景1(可修改flash的wmode参数)修改wmode属性为,transparent或opa...
2014-04-11T10:44:00Z
2014-04-11T10:44:00Z
小七丶
https://www.cnblogs.com/jununx/
【摘要】wmode参数:transparent模式:可用z-index控制层级opaque模式:可用z-index控制层级window模式:flash层级在浏览器核心显示窗口之上,flash会盖住与他重合的html情景1(可修改flash的wmode参数)修改wmode属性为,transparent或opa... <a href="https://www.cnblogs.com/jununx/p/3659244.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jununx/p/3626230.html
移动WEB开发常用技巧 - 小七丶
Meta设置Link设置 电话/短信/Email/Android/GPS打电话打电话打电话发短信发短信发短信发邮件发邮件发邮件发邮件MyApp我的位置样式设置 app是否从主屏启动// IOSif( navigator.standalone === true ){}关闭IOS键盘自动大写au...
2014-03-27T01:27:00Z
2014-03-27T01:27:00Z
小七丶
https://www.cnblogs.com/jununx/
【摘要】Meta设置Link设置 电话/短信/Email/Android/GPS打电话打电话打电话发短信发短信发短信发邮件发邮件发邮件发邮件MyApp我的位置样式设置 app是否从主屏启动// IOSif( navigator.standalone === true ){}关闭IOS键盘自动大写au... <a href="https://www.cnblogs.com/jununx/p/3626230.html" target="_blank">阅读全文</a>