为您找到搜索结果：2503个
[div+css]网站布局实例二
重点:合理应用"xhtml标签"建立良好的页面结构拿到一份"设计方案"的效果图后不要立即开始编码,而是要首先理清"各元素之间的关系";然后思考"以什么标签来组织所需表现的内容".**分析页面的基本构成,主要分成5区域:上部LOGO;导航菜单;左侧边栏;右侧内容;底部版权区.**布局规划:上部LOGO+导航菜单=>头部元素=>置于header层;左侧边栏sidebar+右侧边栏container=>置于main层;底部版权区置于footer层.<<<header层(分4块):网站LOGO/网站标语/搜索框/网站导航菜单左侧边栏分两块,>>>**切割和导出图片[图片是网站设计艺术表现的载体,它能美化网页增强视觉效果]**页面主体元素xhtml编码页面总体布局需要5个div层headermain(包围){实现内容层和侧边层居中}containersiderfooter@@id与class[命名技巧]尽可能"以区域所在的含义命名"(如header/footer)不要"以表现或所在位置命名"(如width500/left/right){后期重...
[php]表单和验证
<?php/*表单的作用:通过表单发布和收集信息.对html表单进行编码只是有效接受用户输入的必要操作的(一部分),必须由[服务器端]组件来处理一标头函数(header())标头(header)是服务器从http协议传html资料到浏览器在[标头]和[html文件]之间需空一行分隔.header()函数用来发送一个原始HTTP标头。voidheader(stringstring[,boolreplace[,inthttp_response_code]])标头可以有两种形式:1.重导向指定的urlheader('Location:http://www.baidu.com');2.设置页面字符编码header('Content-Type:text/html;charset=utf-8');[注意]除非启用了{输出缓冲},否则这些命令必须放在返回任何输出的语句之前执行.(就是放在文件的开头)启用输出缓冲:ob_start();使用$_POST和$_GET接受数据:1.$_GET['username']发送的表单method必须是get;2.$_POST['username']发送的表单...
linux 启动 Oracle 实例
启动数据库实例，分为两步：第一步，启动监听；第二步，启动数据库实例。一、如何启动数据库实例 1.进入到sqlplus启动实例--“切换到oracle用户”su-oracle --“打开监听”lsnrctlstart --“进入到sqlplus”sqlplus/nolog --“连接到sysdba”conn/assysdba --“启动数据库实例”startup --“关闭数据库实例”shutdownimmediate --“关闭监听”lsnrctlstop &...
Activiti 流程实例、任务、执行对象及相关的表
一个流程中，流程实例只有一个，执行对象可以有多个（如果存在分支和聚合）SELECT*FROMactiviti.act_ru_executiona; #正在执行的执行对象表 SELECT*FROMactiviti.act_hi_procinsta; #流程实例的历史表 SELECT*FROMactiviti.act_ru_taska;#正在执行的任务表（只有节点是UserTask的时候，该表中才存在数据） SELECT*FROMactiviti.act_hi_taskinsta;#任务历史表（只有节点是UserTask的时候，该表中才存在数据） SELECT*FROMactiviti.act_hi_actinsta; #所有节点的历史表 ...
HTML5 表单元素
HTML5有以下新的表单元素:<datalist><keygen><output>注意:不是所有的浏览器都支持HTML5新的表单元素，但是你可以在使用它们，即使浏览器不支持表单属性，仍然可以显示为常规的表单元素。<datalist>元素规定输入域的选项列表。<datalist>属性规定form或input域应该拥有自动完成功能。当用户在自动完成域中开始输入时，浏览器应该在该域中显示填写的选项：使用<input>元素的列表属性与<datalist>元素绑定.<!DOCTYPEhtml><html><body><formaction="demo-form.php"method="get"><inputlist="browsers"name="browser"><datalistid="browsers"><optionvalue="InternetExplorer"><optionvalue="Firefox">...
HTML5之SVG
1、背景SVG是Scalable Vector Graphics的缩写，意为可缩放矢量图形。1998年，万维网联盟成立了一个工作组，研发一种通过XML来表现矢量图形的技术——SVG！由于SVG也是一种XML文件，所以SVG也继承了XML的开放性、可移植性和交互性的优点。如今几乎所有主流的浏览器都支持SVG，大家可以从这里得到更多的兼容信息，其中包括：使用<embed>或者<object>元素来显示基本的SVG图形；使用<img>来显示SVG图形；将SVG图形应用为CSS背景图；直接在HTML文档中使用<svg>标签（需要HTML5支持）；对使用CSS或者外部对象元素的HTML元素使用SVG变换、滤镜等特效；对SVG对象使用类似photoshop的效果，包括模糊和色彩处理；对SVG图像使用动画；使用SVG格式的字体；2、图形系统目前在计算机上主要有两种形式来表现图形，一种是栅格图形，另一种是矢量图形。2.1栅格图形在栅格图形中，图像用像元或者像素的矩形阵列来表示，每个像素代表一个RGB颜色值或者是一个指向颜色列表的索引。...
HTML5 Canvas arc()函数
创建一个圆形：varc=document.getElementById("myCanvas");varctx=c.getContext("2d");ctx.beginPath();ctx.arc(100,75,50,0,2*Math.PI);ctx.stroke();InternetExplorer9、Firefox、Opera、Chrome以及Safari支持arc()方法。注释：InternetExplorer8或更早的浏览器不支持<canvas>元素。arc()方法创建弧/曲线（用于创建圆或部分圆）。提示：如需通过arc()来创建圆，请把起始角设置为0，结束角设置为2*Math.PI。提示：请使用stroke()或fill()方法在画布上绘制实际的弧。中心：arc(100,75,50,0*Math.PI,1.5*Math.PI)起始角：arc(100,75,50,0,1.5*Math.PI)结束角：arc(100,75,50,0*Math.PI,1.5*Math.PI)JavaScript语法：context.arc(x,y,r,sAngle,eAngle,count...
Jquery 验证 validate
官网地址：http://bassistance.de/jquery-plugins/jquery-plugin-validationjQueryplugin:Validation使用说明 转载自：http://blog.sina.com.cn/s/blog_608475eb0100h3h1.html 一导入js库<scriptsrc="../js/jquery.js"type="text/javascript"></script><scriptsrc="../js/jquery.validate.js"type="text/javascript"></script> 二、默认校验规则(1)required:true 必输字段(2)remote:"check.php" ...
Java 验证码、二维码
需要： jelly-core-1.7.0.GA.jar网站： http://lychie.github.io/products.html将下载下来的jelly-core-1.7.0.GA.jar丢到项目里，不需要编写任何java代码，只需要在项目的web.xml文件中配置相关信息即可。验证码基于Servlet实现，在web.xml中配置即可使用。并支持自定义样式，常用的配置项见下表： 属性名称属性描述默认值可选值border边框nono，yesborderColor边框颜色blackRGB，颜色名称borderThickness边框厚度1数值style验证码样式wavewave(波纹)shadow(阴影)fishEye(鱼眼)width验证码宽度(不建议的配置项)230数值height验证码高度(不建议的配置项)90数值fontSize验证码字体大小(不建议的配置项)70数值fontColor验证码字体颜色blackRGB，颜色名称fontFamily验证码字体Arial,Helvetica,TimesNewRoman,...
ExtJs 起始日期 结束日期 验证
Ext.apply(Ext.form.VTypes,{daterange:function(val,field){vardate=field.parseDate(val);//WeneedtoforcethepickertoupdatevaluestorecaluatethedisableddatesdisplayvardispUpd=function(picker){varad=picker.activeDate;picker.activeDate=null;picker.update(ad);};if(field.startDateField){varsd=Ext.getCmp(field.startDateField);sd.maxValue=date;if(sd.menu&&sd.menu.picker){sd.menu.picker.maxDate=date;dispUpd(sd.menu.picker);}}elseif(field.endDateField){vared=Ext.getCmp(field.endDateField);ed.minValue=...
extjs表单验证
extjs表单验证 //放在onReady的function（）{}中 Ext.QuickTips.init(); //为组件提供提示信息功能，form的主要提示信息就是客户端验证的错误信息。 Ext.form.Field.prototype.msgTarget='side'; //提示的方式，枚举值为 qtip-当鼠标移动到控件上面时显示提示 title-在浏览器的标题显示，但是测试结果是和qtip一样的 under-在控件的底下显示错误提示 side-在控件右边显示一个错误图标，鼠标指向图标时显示错误提示. 默认值. id-[element&n...
angularJS添加form验证：自定义验证
刚学习form验证。不得不说form验证是比较丰富的。下面来个小例子。1、情景：看电影选座位！2、具体要求：当输入座位号时，进行校验。其中1已经被选。如果输入为1，则提交按钮置为无效，并且给出提示，如果输入为2，则不给出提示，允许提交3、实际效果：4、代码示例：1<!DOCTYPEHTML>2<htmlng-app="app">3<head>4<metacharset="utf-8"/>5<scriptsrc="jquery-1.10.2.min.js"></script>6<scriptsrc="angular.js"></script>7<styletype="text/css">8input.ng-invalid.ng-dirty{9background-color:yellow;10}11</style>12</head>13<bodyng-controller="controller">14<h1>正确性校验</h1...
《AngularJS》5个实例详解Directive（指令）机制（转）
感谢作者分享！ 大漠穷秋 本文整理并扩展了《AngularJS》这本书第六章里面的内容，此书近期即将由电子工业出版社出版，敬请期待口令：Angular 指令的作用：实现语义化标签 我们常用的HTML标签是这样的： <div><span>一点点内容</span></div> 而使用AngularJS的directive（指令）机制，我们可以实现这样的东西： <tabpanel><panel>子面板1</panel><panel>子面板2</panel></tabpanel> 很多人可能要惊呼，这货和JSP或者Struts等等框架里面的taglib很像啊！ 呃，说实话，实际上就是这样的，只不过这里是使用JavaScript来实现的。正因为如此，所以很多taglib做不到的功能，使用它就都可以做到，比如访问N层scope里面的对象之类的事情（参见后面第5个例子）...
html学习1-html5基础学习
一、html5的几项优点：1.不占用内存;2.增加了canvas标签，一定程度替代flash;3.增加了header和footer标签，做到内容和结构分离，利于seo;4.增加了音频和视频功能<video><audio>;5.增加了离线存储功能;备注：当前，video元素支持三种视频格式（详细参见http://www.w3school.com.cn/html5/html_5_video.asp）：格式IEFirefoxOperaChromeSafariOggNo3.5+10.5+5.0+NoMPEG49.0+NoNo5.0+3.0+WebMNo4.0+10.6+6.0+NoOgg=带有Theora视频编码和Vorbis音频编码的Ogg文件MPEG4=带有H.264视频编码和AAC音频编码的MPEG4文件WebM=带有VP8视频编码和Vorbis音频编码的WebM文件二、动手跟着视频做了几个小例子，代码如下，主要使用到了canvas画布以及vedio。实现效果如下：代码如下：1<!DOCTYPEhtml>2<html>3<head&g...