随笔- 473
文章- 6
评论- 337
阅读-
387万
10 2008 档案
转载:一个封装好的拖动层效果
摘要:鼠标拖动层JS 鼠标拖动层封装类 效果预览 拖动层1 移动层 拖动层2 移动层 源代码 function dragClass(){ this.mouseState = document.all ...
阅读全文
文字上右下环绕广告的写法
摘要:一种文字从上-右-下方向环绕广告位的一个办法:就是用一个宽度为1的空标签的高度来占位,然后图片清除浮动,来制造出这个顶部文字环绕的效果。看代码 利用css的clear属性搞定广告文字环绕 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内...
阅读全文
文字上右下环绕广告的写法
摘要:一种文字从上-右-下方向环绕广告位的一个办法:就是用一个宽度为1的空标签的高度来占位,然后图片清除浮动,来制造出这个顶部文字环绕的效果。看代码 利用css的clear属性搞定广告文字环绕 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内...
阅读全文
用YSlow评分插件分析我们页面
摘要:YSlow是yahoo美国开发的一个页面评分插件,非常的棒,从中我们可以看出我们页面上的很多不足,并且可以知道我们改怎么却改进和优化。 仔细研究了下YSlow跌评分规则。 主要有12条: 1. Make fewer HTTP requests 尽可能少的http请求。。我们有141个请求(其中15个JS请求,3个CSS请求,47个CSS background images请求),多的可怕。思考了...
阅读全文
web重构技巧与常见问题的解决方法
摘要:web重构技巧与常见问题的解决方法 一、 xhtml+CSS 技巧篇 ●在重构也面之前要做的准备工作: 1.拿一张PSD效果图,必需是PSD的这样的话你就可以自己更加随意的做切片; 2.先把PSD不做切片生成一个网页,起名为index_psd.html(这个页面做参考用); 3. 在准备几个必需的文件夹 images(放图片) 、css(放css样式文件)、js(放js...
阅读全文
转WEB前端开发经验总结(5)
摘要:结构,结构,刚才我提到了标签有块级元素和行内元素之分的,要是不理解好这两个概念,我们也不会很好的了解怎么合理的结构化页面,现在就来介绍它们: 块级元素 块级元素生成一个元素框,(默认地)它会填充其父级元素的内容,旁边不能有其他元素。换句话说,他在元素框之前和之后生成了“分隔”符。我们最熟悉的HTML元素是p和div. 行内元素 行内元素在一个文本行内生成元素框,而不会打断这行...
阅读全文
转WEB前端开发经验总结(4)
摘要:上面,我们讲到了要充分的语意化,其中我们提到了嵌套的问题,这个也是我们做到结构化的一个重要部分。个人认为一个最基本的原则就是尽量减少嵌套。 至于为什么这么做,我刚才也给大家做了一个简单的介绍,结构清晰,浏览器解析快。其实结构清晰(够简单,嵌套少),对我们的搜索引擎同样是做起到了SEO 的效果。怎么讲?大家想想,嵌套N多层,跟我们以前使用table设计时,table套table的区别就不大了,而那种...
阅读全文
转WEB前端开发经验总结(3)
摘要:什么叫结构化? 由于个人认为这个知识点是十分重要的,所以请允许我在这里多罗嗦几句,我们采用WEB标准的方法制作页面的优势就体现在页面结构清晰。我们以前用 table布局的时候,我们的表现(数据)和形式(布局样式)是混在一起的,有很多冗余的数据混杂在一起,而大家再看看我上面给大家展示的代码,很明显, 结构十分清晰。 呵呵,说了半天,还是没有说什么是结构化,什么才是结构清晰啊?不要急。还记得我刚才提到...
阅读全文
转WEB前端开发经验总结(1)
摘要:做前端开发快有3年时间,今天跟大家谈谈个人对WEB前端开发的一些经验(当然都是个人的一些理解,有什么地方说的欠妥或不对的地方还请包含和指正),这里我就从WEB标准开始吧。 WEB标准是什么? 呵呵,说是WEB标准,不过我这里主要是对XHTML1.1 和 CSS2.1的一些经验总结。因为WEB含盖的内容实在是太多了,“WEB标准”是一系列标准的总称,包括HTML4.0、XHTML1.1、 CSS2....
阅读全文
Photoshop快捷键和技巧大全
摘要:工具箱(多种工具共用一个快捷键的可同时按【Shift】加此快捷键选取,可以在【常规】’快捷键【Ctrl】+【k】’里设置是否使用【Shift】切换) 矩形、椭圆选框工具 【M】 裁剪工具 【C】 移动工具 【V】 套索、多边形套索、磁性套索 【L】 魔棒工具 【W】 喷枪工具 【J】 画笔工具 【B】 像皮图章、图案图章 【S】 历史记录画笔工具 【Y】 像皮擦工具 【E】 铅笔、直线工具 【N...
阅读全文
IT职业规划之从开发人员到行业专家
摘要:本文刊登于程序员杂志08年第三期,发表题为:以业务为中心的行业专家 在个人成长过程中外部环境因素固然很重要,但决定个人命运的其实却是自身不安于现状,勇于超越自我,否定自我的求变精神。 “我应该朝哪个方向发展?我真正的追求在哪里?我不做这个还可以做什么?”这是师弟们常问我的问题,但我也经常被同样的问题困扰。消极的或是不愿改变的人可能会说:我还能做什么啊,不会别的,只能...
阅读全文
ps中基色 混合色 结果色是什么
摘要:基色是图像中的原稿颜色。 混合色是通过绘画或编辑工具应用的颜色。 结果色是混合后得到的颜色。 两个相邻图层A和B,A在上方,B在下方,A与B混合,A是混合色,B是基色;A与B混合得到的颜色是结果色。 B可以是背景图层,也可以不是背景图层。除了在个别场合(例如图层样式中的挖空效果),图层混合总是发生在相邻两个图层之间,如果B图层完全透明没有像素(这种情况同时适用于B隐藏),而B下方还有图层C,则A将...
阅读全文
八面玲珑:巧用CSS为图片添加修饰点缀效果
摘要:原文来自:CSS Decorative Gallery 翻译整理:西米CC 基本原理【Basic Concept】: 要实现本实例的效果,需要在DIV或A等图片容器中添加一个额外的标签,最终的修饰效果就是通过对span设置背景来实现的。当然如果你不希望在你的代码中插入这个span标签,也可以用JS的方法来实现,在本教程中也将提及: Demo | Photo With Text 简单...
阅读全文
转帖:用javascript美化Select
摘要:用javascript美化Select 用javascript模拟select达到美化效果 用户注册 帐号 密码 省份 select.js内容 ar childCreate=false; function Offset(e) //取标签的绝对位置 { var t = e.offsetTop; var l = e.offsetLeft; var w = e...
阅读全文