Web开发
关注
分享
扫一扫
文章平均质量分 70
cighao
个人主页：http://cighao.com
展开
-
Ajax应用示例之用户名检查
1.简介如下图所示，当我们在某个系统注册时，当我们输入用户名后，后台就会进行查询判断用户名是否已被注册，并返回相关信息，这个时候前端跟后台会发生数据交换，但是页面并没有刷新，这里用的就是Ajax技术。2.实现（1）我们可以用XMLHttpRequest前端代码 function check(){ var username = doc原创 2015-08-10 17:20:39 · 883 阅读 · 0 评论 -
利用 CSS 进行网页布局
这里主要主要介绍如何利用 CSS 来进行网页的一栏，两栏，三栏和混合布局1. 一列布局<html> <head> <style type="text/css"> body{margin:0;padding:0} .top{height: 100px; background: blue;} .main{width: 800px;原创 2016-01-22 13:33:08 · 1099 阅读 · 0 评论 -
CSS 垂直居中设置
1. 父元素高度确定的单行文本父元素高度确定的单行文本的竖直居中的方法是通过设置父元素的 height 和 line-height 高度一致来实现的。如下代码：<div class="container"> hi,imooc!</div>css代码：.container{ height:100px; line-height:100px; background:#99原创 2016-01-17 16:34:01 · 627 阅读 · 0 评论 -
CSS 水平居中设置
layout: post title: CSS 水平居中设置 date: 2016-1-17 17:20:22 tags: - CSS - Web 前端 comments: truetoc: true1. 行内元素水平居中如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。如下代码：html代码：<body>原创 2016-01-17 16:17:44 · 2127 阅读 · 0 评论 -
CSS 布局模型
CSS 布局模型清楚了CSS 盒模型的基本概念、 盒模型类型， 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上，又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本，那么 CSS 布局模板就是末了，是外在的表现形式。 CSS包含3种基本的布局模型，用英文概括为：Flow、Layer 和原创 2016-01-17 14:59:46 · 413 阅读 · 0 评论 -
CSS 盒模型
盒模型网页设计中常听的属性名：内容(content)、填充(padding)、边框(border)、边界(margin)， CSS盒子模式都具备这些属性。这些属性我们可以把它转移到我们日常生活中的盒子（箱子）上来理解，日常生活中所见的盒子也就是能装东西的一种箱子，也具有这些属性，所以叫它盒子模式。CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。盒模型中的边框盒子模型的边框就是原创 2016-01-17 14:58:37 · 473 阅读 · 0 评论 -
CSS 格式化排版
1. 字体排版字体我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子，下面代码实现：为网页中的文字设置字体为宋体。body{font-family:"宋体";}这里注意不要设置不常用的字体，因为如果用户本地电脑上如果没有安装你设置的字体，就会显示浏览器默认的字体。（因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。）现在一般网页喜欢设原创 2016-01-17 12:28:53 · 557 阅读 · 0 评论 -
CSS 中的继承性，特殊性，层叠性和重要性
1. 继承性CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定 html 标签元素，而且应用于其后代。比如下面代码：如某种颜色应用于 p 标签，这个颜色设置不仅应用 p 标签，还应用于 p 标签中的所有子元素文本，这里子元素为 span 标签。p{color:red;}<p>三年级时，我还是一个<span>胆小如鼠</span>的小男孩。</p>结果 p原创 2016-01-17 11:52:30 · 965 阅读 · 0 评论 -
第一个 Struts2 程序
下面主要介绍如何在 myEclipse 下使用 Struts2 搭建一个简单的 hello world 程序1. Struts2 的环境需求Servlet API 2.4 JSP API 2.0 Java 52. 第一个 struts2 项目的搭建step1. 首先我们在 myeclipse 下新建一个 web 工程，假设命名为 hellostrutsstep2. 鼠标放在项目名称上右键依次选择原创 2015-12-15 20:11:53 · 826 阅读 · 1 评论 -
CSS选择器
什么是选择器每一条css样式声明（定义）由两部分组成，形式如下：选择器{ 样式;}在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。CSS 选择器的分类标签选择器标签选择器其实就是 html 代码中的标签。如 <html>、<body>、<h1>、<p>、<img>。例如下面代码：p{font-size:12px;line-h原创 2016-01-16 18:07:19 · 517 阅读 · 0 评论 -
JavaScript之射击类小游戏的简单示例
Space Shooter #range{ position:absolute; width:100%; height:300px; left:0px; top:0px; background:url(space.jpg); cursor:crosshair; } #img1{ position:absolut原创 2015-10-26 21:04:58 · 4868 阅读 · 1 评论 -
JavaScript实现的图片循环播放
Banner Cycler var banners = ["1.jpg","2.jpg","3.jpg"]; // 图片地址 var counter = 0; function run(){ setInterval(cycle,1000); //重复运行cycle函数，周期1000ms } function cycle(){ counter++原创 2015-10-22 21:06:10 · 12584 阅读 · 1 评论 -
JavaScript之DOM对象和内置对象
1. window 和document 对象浏览器每次加载和显示页面时，都在内存里创建页面及其全部元素的一个内部表示体系，也就是DOM。在DOM 里，页面的元素具有一个逻辑化、层级化的结构，就像一个由父对象和子对象组成的树形结构。这些对象及其相互关系构成了Web 页面及显示页面的浏览器的抽象模型。每个对象都有“属性”列表来描述它，而利用JavaScript可以使用一些方法来操作这些属性。这原创 2015-10-22 21:47:04 · 1937 阅读 · 1 评论 -
JavaScript之日期和时间(date对象)
1.创建具有当前日期和时间的Date对象在JavaScript需要使用日期和时间时，需要先创建一个打他对象，代码如下，var myDate= new Date();变量myDate就是一个Date对象，包含了创建对象时的日期和时间信息。JavaScript提供了很多方法用于获取、设置和编辑Date对象里的数据。关于Date对象的方法可以看本文的最后。2. 创建具有指定日期和时间的Dat原创 2015-10-24 20:48:05 · 1090 阅读 · 0 评论 -
JavaScript之元素在屏幕从左到右移动的的示例
Animating a DOM Element #div1{ position:absolute; border:1px solid black; width:50px; height:50px; left:0px; top:100px; } var timer1 = null; var el = null;原创 2015-10-26 19:20:05 · 4015 阅读 · 0 评论 -
利用js和Ajax实现的表单的检查和提交
1. 要求 在设计表单提交时，我们经常需要对表单的内容进行检查，然后再将表单提交到服务器进行相关的操作。这里以向数据库中添加一个用户名为例，主要要求有两点：(1) 提交用户名之前检查用户名是否为空，(2)后台查询数据库判断数据库中是否已有相同的用户名。2. 设计 对于用户名是否为空，直接利用JS代码判断即可，对于数据库是否已有相同的用户名需要利用Ajax查询数据库原创 2015-09-01 19:21:06 · 3884 阅读 · 0 评论 -
Struts2拦截器浅析
1. Struts2 框架执行流程首先客户端会通过 HttpServletRequest 向Servlert 容器（也就是 tomcat）提交一个请求，这个请求会通过一系列的过滤器(包括Struts2的核心过滤器 StrutsPrepareAndExecuteFilter ), 被核心过滤器过滤到后，核心过滤器会访问到 ActionMapper 来判断是否需要访问某个 Action。 如果需要访原创 2016-01-07 15:17:41 · 444 阅读 · 0 评论