摘要：
遵照原则：以用户为中心的设计 1用户习惯：交互的元素来源于生活，不要企图挑战用户的习惯，设计来源于生活。 2统一性：保持整个风格的统一性，要让用户感觉到在同一个产品中。 3导航设计：为扫描而设计，永远保证用户没有迷路。（面包屑原理） 4数值设定：既能感受到每个阶段的差别，又不会很快全部被满足 5分类设定：同一级别，保持一致，动宾结构 6数据反馈：倾听用户的声音 阅读全文
摘要：
模仿做了个菜单截图：html：View Code 1<!DOCTYPEhtml>23<html>4<head>5<title></title>6<styletype="text/css">7#container{position:fixed;bottom:0;width:100%;text-align:center;}8#containerimg{width:100px;height:100px;cursor:pointer;}9</style>10</head>11<bo 阅读全文
摘要：
CSS属性编写顺序：显示属性：display，list-style，position，float，clear自身属性：width，height，margin，padding，border，background文本属性：color，font，text-decoration，text-align，vertical-align，white-space，other text，content命名规范：头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中... 阅读全文
摘要：
先看截图：又兴趣可以下下来看看/Files/MasterHeng/MoveTop.zip js:View Code 1functionutil(){2this.scrTop=0;3this.speed=0;4this.id=0;56this.tab=null;7this.tabSpeed=0;8this.idTab=0;9this.height=194;1011this.outbtn=0;12this.init();13}14util.prototype={15init:function(){16var_this=this;17this.tab=document.getElementById. 阅读全文
摘要：
主要代码：View Code 1functiongravity(){2this.init();3this.speedY=0;4this.clientY=this.getViewport().height;5}6gravity.prototype={7init:function(){8varnewDiv=document.createElement("div");9newDiv.id="box";10varnewImg=document.createElement("img");11newImg.src="apple.png& 阅读全文
摘要：
每个页面的样式，想必reset.css扮演了一个很重要德角色，reset的好坏，决定了你的开发效率和作品质量最近研究了下淘宝的reset 和 国外的一个公认的最好的reset，最后还是发现还是国外的比较全面啊废话不多说，开代码：1html,body,div,span,applet,object,iframe,2h1,h2,h3,h4,h5,h6,p,blockquote,pre,3a,abbr,acronym,address,big,cite,code,4del,dfn,em,font,img,ins,kbd,q,s,samp,5small,strike,strong,sub,sup,tt,. 阅读全文
摘要：
此demo大鱼吃小鱼网页版，只实现了一部分功能，有兴趣的同学，可以下下来做个2次开发/Files/MasterHeng/fish.zip 阅读全文
摘要：
/Files/MasterHeng/拖拽.zip 阅读全文
摘要：
现在目标也很明确，就是年底前把买的书看完，现在看书看的比较快，也主要是因为书中很多知识点用不到，大概的看一下，以后项目要用，翻书也有印象，这样进步效率应该比较快，这些书看完的话，可能很多知识点理解的不是很深刻，所以决定在明年年初自己考虑做几个js游戏，来熟练一下技巧，全面实践，这样持续4个月后，决定再看看js设计模式，和软件架构设计方面的书，这样大概在毕业前能达到一个中级前端的水准。我看过前端的书：css：精通css css权威指南 css彻底深入了解 w3c recommendationjs:jsdom编程艺术 ppk谈javascript javascript高级程序设计 高性能javas 阅读全文
摘要：
在使用 CSS 实现表现的时候，会经常接触到 display:inline-block 这一属性，无论是初接触 Web 标准还是接触标准已久的朋友，大都会对这一属性感觉很迷惑和模糊。display:inline-block将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。但对于这个属性不是所有浏览器都识别。支持的浏览器有：Opera、Safari。但 很遗憾，最流行的 IE 和 Firefox 却不支持这个属性（在 Firefox3 版本中将会支持 display:inline-block）。不过 Firefox 下却有私有属性 -moz-inli 阅读全文