摘要：html5表单无论多么强大，都不能依赖它自身的验证，服务器的验证是不可少的。html5表单的验证能更快的把结果反映给用户，增强用户体验。input新增的type类型tel,email,url,search,range,number,color,datetime,datetime-local,time,date,week,month。这些type类型的含义一看就明白，目前opera浏览器是支持最好。如果输入的值不符合相应类型，就会报错。新增属性1.required：此项为必填项。2.placeholder：默认显示的描述或提示信息，比如placeholder="请输入账号"， 阅读全文
初识html5
2012-02-17 20:50 by 边缘er, 194 阅读, 0 推荐, 收藏,
摘要：变简洁了DOCTYPE声明声明没有那么长了，只需<!doctype html>即可。charset编码拿utf-8编码来说，<meta charset="utf8">。有没有引号无所谓，大小写无所谓（html本身就很松散，不像xml，但最好养成良好的习惯）。html、head、body这3个标签是可选的，浏览器会自动生成，为了可维护行，最好写上。部分新增标签header：页眉，用于整个页面或某区块footer：页脚，同上section：一部分一个块（有点像DIV）article：自构成的一部分，可以复用或聚合。如一篇博客，一个故事，一个教程等asid 阅读全文
对联--随滚动条滚动的层（多重判断）
2012-02-17 20:46 by 边缘er, 341 阅读, 0 推荐, 收藏,
摘要：一个悬浮的层，随屏滚动；可选左右两边（运行2次即可做对联）；可选在最左边或最后边，也可以紧贴页面内容左右（如果页面内容宽度1002，而显示器分辨率为1900，可使悬浮广告紧贴1002内容）；可设置头和底高度，无论如何滚动也不会盖住头底。js代码function scrollBar(scrollId, o){ //获取滚动条高度 function getPageScroll(){ var yScroll; if (self.pageYOffset) { yScroll = self.pageYOffset; } e... 阅读全文
tab选项卡-可自动播放
2012-02-17 20:36 by 边缘er, 684 阅读, 0 推荐, 收藏,
摘要：效果如图，此代码设计是考虑到tab标签不是文字+背景的模式，默认效果和当前效果都是图片。也就是每个tab标签需要2个样式情况。如果项目只需要文字+背景图的tab标签，可以样式合并，或者略微改下js去掉+(n+1)。js代码function tab(classArr, normalClass, hoverClass, contClass, auto){ function getElementsByClass(searchClass,node,tag) { var classElements = new Array(); if ( node == null ) ... 阅读全文
鼠标跟随效果
2012-02-17 20:33 by 边缘er, 277 阅读, 0 推荐, 收藏,
摘要：实现效果：鼠标经过显示tip层，并且tip层随鼠标移动，鼠标移出隐藏tip层。先获取事件对象，然后通过把事件对象的clientX和clientY赋值给div的left和top。需要注意的是，这个跟随div是要绝对定位的，并且不要嵌套在内容层中。js代码：function follow(cont, tip){ function getElementsByClass(searchClass,node,tag) { var classElements = new Array(); if ( node == null ) node = docum... 阅读全文
浙公网安备 33010602011771号