my_coding2015-CSDN博客

原创 js展开菜单效果（一）

前言：废话不多说了，内容很简单。一个是点击展开效果，一个是展示广告然后定时关闭效果。后续写一个JD的二级菜单展示。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://

2016-09-11 16:08:13 944

原创收集一些关于IE的BUG

收集摘录了一些bug虽然是远古浏览器，还是得注意一下吧…IE6中双边距Bug：发生场合：当浮动元素（浮动后默认为block级元素）的浮动方向和margin方向相同时产生。解决方法：给浮动元素加上display:inline;CSS属性；或者用padding-left代替margin-left。总之是激发该元素的haslayout即可，通常使用zoom：

2016-09-07 14:55:56 409

转载你所不知的css：：before和：：after

CSS 有两个说不上常用的伪类 :before 和 :after，偶尔会被人用来添加些自定义格式什么的，但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面，里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外，就是接下来要介绍的这两个伪元素了。一基本语法在了解进阶的应用之前，先来了解一下语法规则

2016-09-07 09:45:54 398

原创诡异的间隙inline-block

最近在学习如何制作导航条，并不太喜欢使用float这种方法，因为带来的副作用有点大。毕竟float出现的本意是为了解决文字浮动的效果。所以我选择使用inline-block来让竖直的li列表变成水平状。所以，问题产生了。<style type="text/css">* { margin: 0; padding: 0; font-size: 14px; }li{ background-co

2016-08-14 20:33:56 297

原创被度娘cdn坑了个半天

妈蛋啊，cdn静态库坑得一笔啊…. 链接给到它的boostrap库，部分生效部分不生效，特别是栅格系统，设定了完全没作用啊！坑爹啊！搞了一上午，最后把boostrap下载下来成功了。 …人生就是如此的蛋疼，后面坚决不用这种网存的库文件了。不要嫌麻烦，自己下吧。

2016-08-10 11:50:52 279

原创使用原生Js＋Canvas做一个简单的web游戏

前言：这是一个很简单的游戏，通过学习原博文然后进行了一些改造，附上链接。原文：点击打开链接其中还是有很多不好的设计思维，比如主角和怪物并不是分开处理，如果后续有其他的改动会比较麻烦。本篇博文，从头到尾的做一遍，有助于理解游戏的各个流程步骤。完成截图如下：第一部分：初始化html文件和建立Js文件。资

2016-08-09 13:17:48 11925 1

原创原生Js无缝滚动效果的简单实现

前言：1.仍然是比较简单的内容，从简单开始慢慢加深自己的js水平。2.无缝滚动，前提条件是子box的高度要大于父box的高度，这样才有必要去滚动，否则直接展示就可以了。3.增添了鼠标移入停止和移出继续滚动的效果。4.在小结部分会总结一些过程中遇到的疑问，还望各位不啬赐教，拜谢。代码如下：<!-- Time:2016.8.5Author:Joel1.html标

2016-08-05 23:12:03 4231

原创原生Js的几种时间效果

前言： 1.这篇博客也要算在样式里面，只是简单的写了一下几种时间的处理方式。比如倒计时，标准时间，倒计时的变种等等。这些样式在各大电商都有应用，算是比较基础是用的部分。 2.在代码构建过程中还是遇到了不少困难，大多是编码习惯造成了。简单的东西也要靠不断的练习才能做到胸有成竹，下面是代码部分，欢迎交流。<!--Time:2016.8.5Autho

2016-08-05 16:50:30 517

原创原生Js回到顶部效果

前言：使用原生js实现简单的回到顶部效果。需求比较明确：1.显示与隐藏按钮。2.中途再次触发onscroll清除定时器（暂时未实现，希望各位赐教）代码：<!-- Time:2016.8.4author:JoelDom操作1.document.getElementById 根据ID获取标签元素2.document.documentElement.scrollTop

2016-08-05 13:59:47 3707 1

原创在Sublime3下安装Emmet插件

Emmet插件是一款强大的插件，可以帮助web前端开发者快速进行开发。利用sublime的扩展性，我们可以方便地进行Emmet安装。安装的教程网上有很多，在此不进行总结和赘述。本教程完全新手向，大神请指教拍砖。步骤1：下载并安装Sublime3（笔者下载时已经是sublime3）附上链接点击打开链接。步骤2：下载Package Control附上链接点击打开链接。步骤3：复制Packa

2016-08-02 10:19:57 475

原创菜鸟成长记（1）——cocos2dx-2048小游戏实战之界面布局

程序目标：实现2048小游戏的玩法功能，并且初步了解使用cocos2dx编写程序计划用时：3到5天使用引擎：cocos2dx-3.6版本操作系统：OSIDE：Xcode

2015-09-25 14:16:44 1159

TimeToBeWinner