Tagged: Fx,Fx.Scroll,JS,mootools,mootools教程,动画效果,实例教程,扩展,滚动条,类,网页,锚点 |
Cat: javascript, mootools |
还是先看效果吧：
测试地址：mt1.2cn/fxScroll.html" target="_blank">http://xiebiji.com/works/mt1.2cn/fxScroll.html
实例例子压缩包：mt1.2cn
*原创文章转载请注明出处：http://xiebiji.com/2009/09/mtscroll 作者:小Joe
Jq有提供锚点跳转的效果实例（点击这里查看jq实现的方法），其实mootools也有的(Fx.Scroll扩展类),具体如下实现：
ps.实例中介绍了一种全居中的css写法，有兴趣又不知道的同学可以研究一下了。^_^高手就瞄一下吧。
HTML代码：
1.我是第一锚点
2.哈？我也是锚点，我是第二个
3.第三个锚点就是我啦
4.什么？我居然是第四个锚点
5.我汗~我是最后一个锚点
目标一
目标二
目标三
目标四
目标五
css代码：
/*全居中*/
body,html{height:100%;}
#container{width:420px; height:520px;background:#000;margin:-260px a...
Tagged: HTML,html css,YSlow,代码,工具,效率,网页 |
Cat: 前台设计 |
说真的我要成为一个前端工程师，还有一段很远很远的路要走。
我今天才发现有这样一个工具可以评测网页效率。现在都出到第二版本了！
YSlow,是由Yahoo开发者团队发布的一款基于Firebug的插件。
下载地址：http://labs.aoao.org.cn/temp/yslow-2.0.0b3-fx.xpi.zip
下载地址盗用了嗷嗷大师的。希望不要介意。
使用教程：http://se.csai.cn/testtools/200804161107471755.htm
Tagged: photoshop,Tutorial,从零开始,图片,教程,方法,简单,网页,网页设计,翻译,设计,设计教程,零基础 |
Cat: photoshop, 前台设计 |
难得国外有这样好的教程，我就用我仅有的英文水平翻译一下啦。建议将本博客的中栏和右栏隐藏后观看本文。
转载请注明：
译者：Joe译文来源：
http://xiebiji.com/2009/09/design_a_beautiful_website/原文来自：
Design a Beautiful Website From Scratch引言
你是否曾经想过设计一个漂亮的网页，但是却不知道怎样入手？说实话，几年前我也是这样。当我浏览网页的时候我看到这么多好看的网页，我就希望自己有技术创作这样的设计作品。
今天我可以这么做了，而且我将教你怎么做这样的设计！从根本上，对于这种设计你需要一点photoshop的操作技能和观察细节的能力。通过以下的教程，我将会指出其中极细微的细节之处，而这些细节讲使你的网页设计漂亮起来。打开photoshop,我...
Tagged: 时尚,明星,网页,美女,胸部,色狼,衣服,配色 |
Cat: 前台设计 |
总感觉配色很难。确实色彩感觉不是一下子就能feel到得。
虽然我不是什么大师级人马，但是也跟大家吹一下心得吧。
有些色彩搭配确实一下子就可以看到的——-美女（当然视环境而言啦），漂亮的人之所以漂亮，往往不单单是因为样子漂亮，很多时候着装（当然也包括化妆了）的配搭起了很大一部分作用。不信？你去看一下。
因此没色彩感觉貌似也不必对配色感觉苦恼，因为很多现成颜色搭配供你选择。
我认为配色基本的要求就是让视觉得到享受，那么什么是视觉享受？这个问题很简单呀，几个同学（特别是男的）走在一起的时候，突然有一个同学看见一个很养眼的女同学，于是会叫大家一起看。
几个人的视线因此汇聚于该女同学的脚下...
Tagged: 电子商务,网页,设计 |
Cat: photoshop |
学在广外的电子商务专业，怎能不囧？专业目标不专一，又学管理又学电脑还学经济~技术课却学那么一点点，老师永远不会深入地教我们。所以这个《网页设计课》很多同学找我帮助了。我因此也学到了一些技巧^_^!怎样加快效率之类的技巧。。。
点击可以放大，因为是现场画出来的，所以可能画得不好。^_^!