CSS动画实例: 仍扔炸弹式效果

扔炸弹式效果,在游戏中会用得多,H5页面效果里面也有相应的效果应用.这种效果也是非常有感觉的.我们先把布局弄好,效果如下:代码也是很简单的:HTML <div class="outer_box">     <div class="inner_box"></div>  </div>CSS.outer_box {     width: 200px;    height: 200p
吴统威 on 编程语言 前端编程 HTML/CSS/JAVASCRIPT | 2016-02-02 23:11:19.0

CSS 动画: 向左下,向右下,向右上,向左上打开

我们继续动画的实例的,主要还是熟悉动画的相关属性,免得忘记相关的知识点.我们来实现向左下,向右下,向右上,向左上打开,这四个动画.这里我只放两个效果了.OK,还是和往常一样,上代码.首先是HTML结构代码,两个BOX,一个外BOX,一个内BOX,外BOX有边框,内BOX是背景为绿色代码名称 <div class="outer_box">     <div class="inner_box"></div>  </div>&nb
吴统威 on 编程语言 前端编程 HTML/CSS/JAVASCRIPT | 2016-02-01 09:05:15.0

纯CSS实现一,二级菜单

一直以来,像网站的一二级菜单都是通过JS来实现菜单的显示与隐藏.虽然实现的代码也不是那么难,但毕竟还是多出了一些时间来编写. 其实CSS是可以实现这种效果的. 我们今天就来看看这个效果的实现.HTML结构代码,跟往常的一样.菜单是如何显示的就该怎么编写.代码名称<ul>        <li> <a href="#">首页</a></li>        <li>       
吴统威 on 编程语言 前端编程 HTML/CSS/JAVASCRIPT | 2016-01-30 15:12:32.0

Google Chromium JCEF的编译

前两天发了一篇CEF的编译,今天我们来讲讲JCEF的编译.JCEF主要提供JAVA SWING方面的接口使用. JAVA开发人员可以通过CEF来编写相关的网页应用程序.环境: windows 7 64位系统a) 准备:下载CEF,选择与JCEF相应的版本.下载地址:https://cefbuilds.com/gitJava version 1.7 or 1.8.visual studio 2015 下载地址可去官网下载cmake  下载地址:https://cmake.org/b) 编译:通过git下载JCEF最新源码将下载cef包解压到JCEF包目录下third_part
吴统威 on 编程语言 前端编程 HTML/CSS/JAVASCRIPT | 2016-01-29 15:53:57.0

Javascript文件的动态加载

Javascript文件动态加载一直是比较困扰的一件事情,像网络上传的比较常见的做法:代码名称function loadjs(fileurl){   var sct = document.createElement("script", 0, 0);   sct.src = fileurl;   document.head.appendChild(sct, 0, 0); }然后我们来测试一下结果:代码名称<html>  &nb
吴统威 on 编程语言 HTML/CSS/JAVASCRIPT | 2016-01-28 17:26:24.0

CSS中的颜色值详解

在CSS中,颜色的用法是有几种的方式来处理,比如像我经常比较喜欢用的红色,就有以下的几种表达方式:#ff0000#f00rgb(255,0,0)rgb(100%,0%,0%)redrgba(255,0,0,1) 第一种是16进制的写法,第二种是16进制的缩写法,第三种是RGB的0~255的颜色值设置,第四种也是RGB的方式,只是值使用的是百分比,第五种使用的是颜色名称,当然这里只能是部分的颜色名称(这里只是一种规定,不可能规定所有的颜色值的名称).常用的:aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, oliv
吴统威 on 编程语言 前端编程 HTML/CSS/JAVASCRIPT | 2016-01-27 16:19:32.0

Google Chromium CEF的编译

最近为了编译CEF和JCEF花费了一天的时间.花费那么长时间主要可能没有熟悉其相关的知识点.这里把这一天的成果,记录成两篇文章.这里我们先讲CEF的编译:环境: windows 7 64位系统a) 准备:下载CEF,选择自己想要编译的版本.下载地址:https://cefbuilds.com/MinGW-w64 下载地址:http://sourceforge.net/projects/mingw-w64/visual studio 2015 下载地址可去官网下载cmake  下载地址:https://cmake.org/b) 编译:将下载cef包解压到一个目录下通过CMD进
吴统威 on 编程语言 | 2016-01-26 14:05:53.0

11个最好的Jquery和HTML5的在线HTML编辑器插件

HTML编辑器,我想做编程的人,基本都接触过. 其实主要还是用在内容编辑方面,比如微信的内容编辑器,其实他就是国内百度开发的UEditor编辑器,等等还有其他的作用.反正是处理内容的工具.我这里一一列出一些会接触过的编辑器.1. UEditor (http://ueditor.baidu.com/website/)2. Froala (https://www.froala.com/wysiwyg-editor)3. ContentTools (http://getcontenttools.com/)4. Raptor Editor (https://www.raptor-editor.com/
吴统威 on 编程语言 前端编程 HTML/CSS/JAVASCRIPT | 2016-01-23 10:25:33.0

CSS实现图片轮播效果

我们使用图片轮播,基本都是通过JS来完成,现在轮播插件也是很多可供我们选择.其效果也是有所不一样.看大家的需求而定.今天我们用CSS来简单的实现图片轮播的效果.其效果的原理,还是利用CSS3中的动画来完成.首先我们写好基本的结构和效果,这一点应该前端工程师写得比较多了,就是轮播的布局.图片我们是使用京东首页的轮播图片.代码名称 <div id="slider">    <ul>        <li>         
吴统威 on 编程语言 前端编程 HTML/CSS/JAVASCRIPT | 2016-01-22 14:58:27.0

程序代码和UI设计共同需要的几种状态

    产品开发完成之后,在产品进行测试时,我们很难去发现一些问题.因为这时候的测试人员最初是团队编代码的人或者是团队测试人员.他们往往是在考虑产品数据填充之后的状态.所以很多微小的问题,往往是发现不了的.发现的时候,可能是在产品发布之后用户的反馈或者是通过一些不熟悉你产品的人进行测试.但是这时候,可能就会造成用户的流失率会提高,耗费的成本也会提高.        如何解决这个问题,就需要参与项目团队的人,明确产品的功能不同的状态,编码的人在编代码时,就会写出几种状态的代码,UI设计的人,就会设计出几种状态的界面,测试的人当
吴统威 on 编程语言 前端编程 HTML/CSS/JAVASCRIPT | 2016-01-21 11:22:44.0