2016年12月30日

嵌套循环中break、continue的用法

摘要: 在循环语句中经常会用到break、continue语句,基本用法如下: 一.break语句为退出当前循环,在嵌套循环中结果如下: break只退出最内层循环,若想退出所有循环请和label语句连用,从何处结束循环: 二、continue语句退出当次循环,嵌套结果: continue语句和label语 阅读全文

posted @ 2016-12-30 21:33 世界之魂 阅读(15770) 评论(0) 推荐(0) 编辑

canvas关于getImageData跨域问题解决方法

摘要: 一、问题:在使用html5的canvas是,当用到getImageData方法获取图片信息时,会碰到跨域无法获取的情况,代码如下: 在chrome会提示: "Uncaught DOMException: Failed to execute 'getImageData' on 'CanvasRende 阅读全文

posted @ 2016-12-30 20:56 世界之魂 阅读(16215) 评论(2) 推荐(0) 编辑

js中二维数组的初始化

摘要: 在编程过程中,很多情况下(涉及到坐标、层级操作)我们都会用到二维数组,下面介绍介绍几种二维数组初始化的方法: 方法一、直接定义并且初始化,这种情况适用于数量和值已知的数组: 方法二、动态创建并初始化: 上面的方法可以自定义二维数组的长度、值,且按照嵌套循环可以声明多维数组,注意在多维数组的每一维都需 阅读全文

posted @ 2016-12-30 11:31 世界之魂 阅读(18481) 评论(0) 推荐(1) 编辑

2016年12月29日

chrome/ie中图片底部多出几像素问题

摘要: 如果给图片的父元素设置背景色,则图片的底部就会多出几像素,chrome/IE/FF中均是如此,如下图: 代码如下,就是简单的div中放张图片: 解决方法有两个: 或(真正解决方法) 效果如图,底部多出来的几像素消失了: 基线对齐 这其实是一个基线对齐问题,vertial-align: baselin 阅读全文

posted @ 2016-12-29 16:37 世界之魂 阅读(287) 评论(0) 推荐(0) 编辑

2016年12月26日

级联菜单

摘要: 利用二维数组和jQuery实现级联菜单,代码如下: 1.html代码 2.javascript代码 3.效果图如下: 阅读全文

posted @ 2016-12-26 21:07 世界之魂 阅读(449) 评论(0) 推荐(0) 编辑

2016年12月20日

Bootstrap轮播图

摘要: Bootstrap插件实现响应式轮播图 在开发响应式网站时,能自动适配屏幕的轮播图至关重要。原理十分简单,只要在标签后面加上特定的扩展类和钩子,调用插件中包含的方法即可。代码如下: 阅读全文

posted @ 2016-12-20 20:46 世界之魂 阅读(242) 评论(0) 推荐(0) 编辑

2016年12月14日

css3实现酷炫的3D盒子翻转效果

摘要: 简介 运用css3先在平面空间组成立方体盒子,再让整个盒子翻转起来,先来张效果图: 步骤 1.先用css将6张图片摆成下图的样子: 下面就是通过css3的3D变换将每个面进行翻转,使之成为一个立体的盒子,代码如下: 其他几个面按照同样的方式进行翻转就行 2.为整个立方体添加动画 三维的盒子完成后,只 阅读全文

posted @ 2016-12-14 11:27 世界之魂 阅读(5726) 评论(0) 推荐(0) 编辑

导航