06 2013 档案
摘要：表单允许客户端的用户以标准格式向服务器提交数据。表单的创建者为了收集所需数据，使用了各种控件设计表单如 INPUT 或 SELECT。查看表单的用户只需填充数据并单击提交按钮即可向服务器发送数据。服务器上的脚本会处理这些数据。表单由三个重要属性action，method，onsubmit。action：规定当提交表单时，向何处发送表单数据。method：规定如何发送表单数据。onsubmit：当表单被提交时执行脚本。页面提交表单的数据是不可信任的，js脚本验证作为辅助验证，嘿嘿，防君子不防小人。后台需要对表单提交数据判断。全部正确跳转到成功页，否则，跳转到辅助性的提示页（记录这些非法操作的用户
阅读全文
摘要：ZeroClipboard是一个轻量级的jQuery“复制到剪贴板”插件采用了时下流行的零剪贴板库。官网：http://www.steamdev.com/zclip参数及默认值path(必选) ZeroClipboard.swf的路径 默认:ZeroClipboard.swfcopy(必选) 字符串或表达式返回字符串 默认: nullafterCopy(可选) 指定文本后可以覆盖alert警告框 默认: nullbeforeCopy(可选) 指定一个函数之前调用文本复制。 默认: nullclickAfter(可选) 布尔值 默认: truesetHandCursor(可选) 布尔值 默认:
阅读全文
摘要：仿网页nec首页动画效果nec链接：http://nec.netease.com/首先，介绍animationanimation检索或设置对象所应用的动画特效。animation由“keyframes”这个属性来实现这样的效果。keyframes具有其自己的语法规则，他的命名是由"@keyframes"开头，后面紧接着是这个“动画的名称”加上一对花括号“{}”，括号中就是一些不同时间段样式规则，有点像我们css的样式写法一样。关于animation属性介绍：animation-name：检索或设置对象所应用的动画名称animation-duration：检索或设置对象动画的
阅读全文
摘要：gruntjs官方教程：http://gruntjs.com本次主要讲述Gruntfile.js配置文件在项目中的应用配合jade、less一起使用。项目目录包括jade文件夹、less文件夹、css文件夹、js文件夹等等jade文件夹中包含首页、版本选择页以及提示信息页活动首页样式变化频繁，但是jade可以实现超文本标记语言结构化，简化开发利于维护版本选择页变化较小，一次开发，以后基本维持。结果页及信息提示页实现结构化，主要变动标题及链接，可以通过配件tip_conf.jade文件，每次修改这个配置文件即可。tip_conf.jade源码介绍：title = '活动标题',b
阅读全文
摘要：仿选择版本页描述：有不同组类型，即类型A和类型B，类型包含具体型号类型如A_a、A_b等等。具体型号类型有三种状态：可选状态、选中状态、不可选状态，可选状态具有态胎效果。选中状态时按钮下一步变为可点击状态。基础知识：css方面内外边距的使用、二态效果、样式表中的类的使用等js方面设计点击事件、闭包等。效果如下图：js源码及简单介绍：/** getId函数* 功能：获取元素ID*/function getId(){ return document.getElementById(arguments[0]);}/** getTagNames函数* 参数kname：元素标签名称* 参数...
阅读全文
