CSS动画: (向下滑)slide down效果

吴统威 on 编程语言 前端编程 HTML/CSS/JAVASCRIPT | 2016-02-03 10:12:23.0
我们依据上一篇文章的HTML代码结构,来实现一般焦点图片跳转时候的效果.HTML <div class="outer_box">     <div class="inner_box"></div>  </div>CSS.outer_box {    width: 100px;    height: 100px;    border: #bbb 5px solid;&

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

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

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

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

纯CSS实现一,二级菜单

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

Google Chromium JCEF的编译

吴统威 on 编程语言 前端编程 HTML/CSS/JAVASCRIPT | 2016-01-29 15:53:57.0
前两天发了一篇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

Javascript文件的动态加载

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

CSS中的颜色值详解

吴统威 on 编程语言 前端编程 HTML/CSS/JAVASCRIPT | 2016-01-27 16:19:32.0
在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

Google Chromium CEF的编译

吴统威 on 编程语言 | 2016-01-26 14:05:53.0
最近为了编译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进

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

吴统威 on 编程语言 前端编程 HTML/CSS/JAVASCRIPT | 2016-01-23 10:25:33.0
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/

CSS实现图片轮播效果

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