11 2015 档案

canvas实现抽奖大转盘
摘要：这里不给用JS，下面地址有效果以及详细代码效果地址：http://sandbox.runjs.cn/show/d2et4rys 阅读全文
posted @ 2015-11-28 17:53 逗伴不是瓣 阅读(1006) 评论(0) 推荐(0)
JAVASCRIPT实现网页版：俄罗斯方块
摘要：HTML+CSS+JS实现俄罗斯方块完整版，素材只有图片，想要的下载图片按提示名字保存，css中用的时候注意路径！！主要在JS中！JS附有详细注释效果：按键提示：[键盘按键]素材：图片名字与代码里对应 1、背景图片：tetris.png 2、失败时候的弹出框图片：game-over.png　... 阅读全文
posted @ 2015-11-26 00:30 逗伴不是瓣 阅读(3450) 评论(0) 推荐(0)
JAVASCRIPT实现简单计算器
摘要：最终效果如下图-2，有bug：就是整数后点击%号结果正确，如果小数后面点击%的话结果就错误！其他都正常，求指点：input的value是string类型的，在JS中改如何正确处理下图-1中的if部分？？图-1图-2HTML代码如下 简单的计算器 @walker ... 阅读全文
posted @ 2015-11-25 23:51 逗伴不是瓣 阅读(33851) 评论(11) 推荐(3)
简单介绍JSON
摘要：如下图: 阅读全文
posted @ 2015-11-25 23:21 逗伴不是瓣 阅读(422) 评论(0) 推荐(0)
Jquery中的日历插件
摘要：这个插件很简单：只需要在HTML代码中引入插件如下，CLASS名和click事件函数固定！ 8My97日历插件的普通使用 实现效果： 阅读全文
posted @ 2015-11-25 23:15 逗伴不是瓣 阅读(491) 评论(1) 推荐(0)
HTML5中的canvas基本概念及绘图
摘要：* Canvas(画布) * 基本内容 * 简单来说,HTML5提供的新元素 * Canvas在HTML页面提供画布的功能 * 在画布中绘制各种图形 * Canvas绘制的图形与HTML页面无关 * 无法通过DOM获取绘制的图形 * 无... 阅读全文
posted @ 2015-11-25 23:05 逗伴不是瓣 阅读(1179) 评论(0) 推荐(0)
HTML5中的音视频处理
摘要：* 音视频处理 * 视频处理 * 基本内容 * 使用Flash技术处理HTML页面中的视频内容 * 包含音频、动画、网页游戏等 * 特点 * 浏览器原生不支持(IE浏览器要求安装ActiveX组件) * 性能不好(不能过多地使用) * 智... 阅读全文
posted @ 2015-11-25 23:03 逗伴不是瓣 阅读(794) 评论(1) 推荐(0)
HTML5中的SVG
摘要：* SVG * 基本内容 * SVG并不属于HTML5专有内容 * HTML5提供有关SVG原生的内容 * 在HTML5出现之前,就有SVG内容 * SVG,简单来说就是矢量图 * SVG文件的扩展名为".svg" * SVG使用的是XML语... 阅读全文
posted @ 2015-11-25 22:57 逗伴不是瓣 阅读(2730) 评论(0) 推荐(0)
CSS3里的display
摘要：默认值：inline适用于：所有元素继承性：无动画性：否none：隐藏对象。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间inline：指定对象为内联元素。block：指定对象为块元素。list-item：指定对象为列表项目。inline-block：指定对象为内联... 阅读全文
posted @ 2015-11-24 23:09 逗伴不是瓣 阅读(459) 评论(1) 推荐(0)
Ajax的核心对象创建步骤
摘要：* Ajax具有核心对象 * XMLHttpRequest对象 * 如何创建XMLHttpRequest对象function getXhr(){// 声明XMLHttpRequest对象var xhr = null;// 根据浏览器的不同情况进行创建if(window.XMLHttpReq... 阅读全文
posted @ 2015-11-24 23:00 逗伴不是瓣 阅读(913) 评论(0) 推荐(0)
Javascript实现的2048
摘要：HTML代码如下 Score: ... 阅读全文
posted @ 2015-11-24 22:46 逗伴不是瓣 阅读(1214) 评论(1) 推荐(1)
CSS3简单动画
摘要：css3的动画确实非常绚丽！浏览器兼容性很重要！。分享两个小动画 C3动画 效果如本博客首页那两个小圆圈！需要注意的是：1、在css里创建动画时候要处理兼容性2、在调用的时候不单要处理兼容性>-webkit-animation: ; -moz-anim... 阅读全文
posted @ 2015-11-24 22:13 逗伴不是瓣 阅读(699) 评论(0) 推荐(0)
Jquery中的Ajax
摘要：AJAX: * jQuery中的Ajax * 封装第一层 - 类似于原生Ajax的用法 * $.ajax() - 最复杂 * 选项 * url - 请求地址 * type - 请求类型,默认为GET * async - 是否异步,默认为true * da... 阅读全文
posted @ 2015-11-24 20:42 逗伴不是瓣 阅读(318) 评论(0) 推荐(0)
7个你可能不认识的CSS单位
摘要：众所周知CSS技术我们虽然很熟悉，在使用的过程却很容易被困住，这让我们在新问题出现的时候变得很不利。随着web继续不断地发展，对于新技术新解决方案的要求也会不断增长。因此，作为网页设计师和前端开发人员，我们别无选择，必须熟悉我们手上的工具，做到知己知彼，这样才能百战不殆。这就意味着有那么些个特别的货... 阅读全文
posted @ 2015-11-22 19:15 逗伴不是瓣 阅读(312) 评论(0) 推荐(0)
推荐几个配色和图标网站
摘要：图标网站https://www.iconfinder.comhttp://www.flaticon.com/渐变选择器http://sc.chinaz.com/jiaobendemo.aspx?downloadid=1493221433405在线配色器http://sc.chinaz.com/jia... 阅读全文
posted @ 2015-11-22 18:38 逗伴不是瓣 阅读(777) 评论(0) 推荐(0)
Ajax实现简单下拉选项
摘要：基本都是固定步骤！主要在JAVASCRIPT和PHP中的操作1、HTML代码里就只有两个SELECT标签如下： 2、Javascript中进行创建选项和执行AJAX异步请求步骤如下 3、PHP代码如下：文件名为：finaly.php与JS中：xhr.open(method,url)方法的url对... 阅读全文
posted @ 2015-11-22 18:28 逗伴不是瓣 阅读(975) 评论(1) 推荐(0)
HTML表格边框的设置小技巧
摘要：对于很多初学HTML的人来说，表格是最常用的标签了，但对于表格边框的控制，很多初学者却不甚其解。对于很多初学HTML的人来说，表格是最常用的标签了，但对于表格边框的控制，很多初学者却不甚其解。一般我们用表格的时候总会给它个border属性，比如：，其效果如下：对于很多初学HTML的人来说，表格是最常... 阅读全文
posted @ 2015-11-22 16:35 逗伴不是瓣 阅读(2988) 评论(0) 推荐(0)
多个气泡向上冒出！
摘要：这里展示白色半透明气泡如下图：实际是动态思路：HTML里只需要一个CANVAS元素，Javascript里操作canvas1、给canvas里绘制背景图片2、在绘制半径为0-10px的圆形，x坐标屏幕水平随机，y所标竖直大于屏幕高度。 圆形背景色可以是随机。那就是各种色彩了！ 利用计时器控制y-... 阅读全文
posted @ 2015-11-22 15:04 逗伴不是瓣 阅读(554) 评论(0) 推荐(0)
HTML5&CSS3经典动态表单-2
摘要：上一个demo效果没出来！实际如下代码没问题。不知道为啥，展示的demo里光标获取焦点的时候不会有如下效果 阅读全文
posted @ 2015-11-22 14:38 逗伴不是瓣 阅读(369) 评论(0) 推荐(0)
JAVASCRIPT实现简单计算器
摘要：计算器 简单的计算器 @walker ... 阅读全文
posted @ 2015-11-22 14:21 逗伴不是瓣 阅读(436) 评论(0) 推荐(0)
HTML5&CSS3经典动态表格
摘要：1 2 3 4 5 6 7 8 9 HTML5&CSS3经典动态表格 10 105 106 107 108 109 110 用户注册111 ... 阅读全文
posted @ 2015-11-22 13:57 逗伴不是瓣 阅读(1938) 评论(1) 推荐(0)
PHP
摘要：* PHP语言 * 基本内容 * PHP语言 - 类似于javascript语言的 * javascript是客户端(HTML)的脚本语言 * PHP是服务器端的脚本语言 * PHP文件的扩展名为".php" * 注意 * PHP文件是... 阅读全文
posted @ 2015-11-21 20:44 逗伴不是瓣 阅读(375) 评论(0) 推荐(0)
jQuery
摘要：jQuery:javascript类库（上千种）的一种js文件，主要讲述如何使用js插件1、简称：js库2、作用：为了简化javascript开发3、目的：预定义了很多对象（属性和方法）和函数 拓展：方法和函数4、特点：兼容各大浏览器（门户，社交，移动端）使用户的HTML页面代码和和js代码保持分... 阅读全文
posted @ 2015-11-21 18:00 逗伴不是瓣 阅读(235) 评论(0) 推荐(0)
HTML
摘要：师傅说：网页=内容（HTML）+表现（CSS）+行为（JAVASCRIPT）JAVASCRIPT=ECMAscript+DOM+BOM学历这么久，学完HTML+CSS入门感觉还行，学完CSS3感觉有意思，挺好玩，学完JAVASCRIPT，感觉这玩意好神奇啊。原来每天屏幕上看到的东西就26个字母和阿拉... 阅读全文
posted @ 2015-11-21 16:30 逗伴不是瓣 阅读(247) 评论(0) 推荐(0)
CSS3中的box-shadow
摘要：语法：box-shadow: h-shadow v-shadow blur spread color inset;box-shadow 向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表，每个阴影由 2-4 个长度值、可选的颜色值以及可选的 inset 关键词来规定。省略长度的值是 0值描述h-s... 阅读全文
posted @ 2015-11-21 16:23 逗伴不是瓣 阅读(293) 评论(0) 推荐(0)
CSS3 模块
摘要：CSS3 被划分为模块。其中最重要的 CSS3 模块包括：选择器框模型背景和边框文本效果2D/3D 转换动画多列布局用户界面 阅读全文
posted @ 2015-11-21 16:16 逗伴不是瓣 阅读(436) 评论(0) 推荐(0)
众人口中的JAVASCRIPT
摘要：目前所说的JAVASCRIPT=ECMAscript+DOM+BOMDOM全称：Document Object Model,造作网页内容的标准。BOM全称：Browse Object Model，操作网页浏览器窗口的编程接口 阅读全文
posted @ 2015-11-21 16:05 逗伴不是瓣 阅读(271) 评论(0) 推荐(0)
JAVASCRIPT
摘要：目前所说的JAVASCRIPT=ECMAscript+DOM+BOMDOM全称：Document Object Model,造作网页内容的标准。BOM全称：Browse Object Model，操作网页浏览器窗口的编程接口 阅读全文
posted @ 2015-11-21 16:02 逗伴不是瓣 阅读(243) 评论(0) 推荐(0)
Web前端
摘要：网页=内容（HTML）+表现（CSS）+行为（JAVASCRIPT） 阅读全文
posted @ 2015-11-21 15:48 逗伴不是瓣 阅读(245) 评论(0) 推荐(0)
CSS3动画处理浏览器内核时候前缀（兼容性）
摘要：Gecko内核 css前缀为"-moz-" 火狐浏览器WebKit内核 css前缀为"-webkit-" Comodo Drangon(科摩多龙)，苹果，搜狗高速浏览器3，快快浏览器，枫树浏览器，云游浏览器，360极速浏览器，世界之窗极速版，SRWare Iron，猎豹浏览器，RockM... 阅读全文
posted @ 2015-11-21 15:25 逗伴不是瓣 阅读(1194) 评论(0) 推荐(0)