![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
工作记录
文章平均质量分 67
weballan
这个作者很懒,什么都没留下…
展开
-
百度选车
百度选车频道上线,朋友推荐了这个效果,觉的蛮不错的,就想着格式化做了一下,百度是运用mpa标签配合JS来实现的,我运用的是A标签的实现。您可以狠狠地点击这里:百度选车demohtml标签和js事件句柄都没有做出适当的优化~~~~<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://...原创 2011-08-16 10:15:00 · 667 阅读 · 0 评论 -
淘宝良无限页面交互
您可以狠狠地点击这里:淘宝良无限页面交互DEMO前一段时间浏览淘宝,无意中进入良无限的频道,发现淘宝对那个频道的产品展示效果都是在用心的玩,闲来没事,就自己对它重构了一下,中间感谢金强同学热心的帮助,看效果吧! 您可以狠狠地点击这里:淘宝良无限页面交互DEMO...原创 2012-02-15 15:35:35 · 191 阅读 · 0 评论 -
祝贺“房多多”网站低调上线
感谢前团队的照顾和培养,现在这个项目上线了,看到了心里非常高兴,心里还是很想念你们的,特别是老郭、苏老师、鹏飞妹纸,爱你们。下面是自己的一些建议:网站LOGO的制作,应该考虑后期的维护成本,和页面渲染的时侯的顺序,还有就是LOGO图片加载不上,让用户看到什么 网站搜索,在制作的时侯应该考虑提示语和input是分开的,这样不影响用户在输入的时侯,字体颜色和大小和提示语是不一样的,让用...原创 2011-11-29 10:27:06 · 179 阅读 · 0 评论 -
纯代码蓝色理想的logo
您可以狠狠地点击这里:蓝色理想的logoDEMO 生病了,可难受,用的最简单的实现方式,没有什么技术含量,用心制作,大家都可以~~~看例子吧~~~ 您可以狠狠地点击这里:蓝色理想的logoDEMO...原创 2012-01-06 15:44:05 · 160 阅读 · 0 评论 -
世界工厂首页前端制作 - 首页分解图
您可以狠狠地点击这里:世界工厂网首页预览版 网站结构:首页总体结构划分为9个独立层来控制表现(共用头部、页眉、导航、热点栏目、3个主体层、合作伙伴、页底)。前期规划,如何让栏目的移植性更好,在制作的时候,把width层和padding border层分开,在以前用到一个div的,现在变成两个div,这样的嵌套,在改变外...原创 2011-11-04 16:32:00 · 290 阅读 · 1 评论 -
工作上面的一些积累
总结一下自己前端工作的一些工作经验和自己前期工作的规划:1、用960栅格系统;2、采用html5向后兼容的头部,严格编码规范;3、尽量做到语义化,模块化;4、图片格式和图片大小,应用css sprites减少图片请求并发数;5、文件布局按照静态文件和动态文件(主要是图片),考虑后期使用图片服务器分布式部署;6、代码采用svn同步管理;7、后期js和css的管理和压缩...原创 2011-07-25 10:29:17 · 59 阅读 · 0 评论 -
项目中的一些小技巧tips记录
项目中遇到的一些小技巧,记录下来:对非a标签添加伪类状态,例如span:hover{}。在采用偷天换日的手法a:hover span{},解决IE6兼容只许添加一个a:hover{#:FFF;}触发IE6下a标签hover状态的haslayout即可。选项卡去掉虚线框,IE解决方案:<a href=”..” hidefocus=”true”>;FF下解决方案:a:focu...原创 2011-07-25 10:27:17 · 213 阅读 · 0 评论 -
CSS3:animation属性实例操作
文章中的实例须在FireFox6+、或者教新版本的Chrome或是Safari浏览器查看。在css3.0发布transtion、transfrom就觉的css在操作行为上作出了很大的改为,觉的这应该就是动画的操作了,今天刚看到animation,看了看官方的说明和实例,觉的比transtion厉害多了。 这是实现上下滚动的效果,设置对应的时间段(百分比)和对应的列表的垂直位置即可:...原创 2011-09-26 17:24:27 · 208 阅读 · 0 评论 -
网页重构:公司网站小面积改版
公司网站首页要改版,前端是由我和另外一个同事负责,这次改版从页面头部、中间、底部,分三部分,分成三个阶段来制作,这点很同意,小面积的修改,更加让用户接收,随时有用户操作习惯的修改,也可以马上改过来。因为是在新团队的磨合中,每个模块我都添加有注释,不管JS、后端都能清晰的明白栏目的结构,减少项目的BUG,增加团队的工作效率。 一、合理的html结构和标签这次改版,我前期想了很多,如何...原创 2011-09-17 10:13:25 · 194 阅读 · 0 评论 -
CSS制作:开心网“发表观点”CSS实现
中秋放假,淋漓小雨下了三天,这种天气最适合看电影、玩游戏、睡觉。害的眼睛都发炎了,刚去医院看了看,回到家里看博,觉的用css实现开心网标签观点的博文不错,就自己按照自己的思路,给制作了一下:制作思路:外面的层控制宽度,内容层控制padding和border,这样栏目在后期的维护或修改只要修改外层的宽度,实用寿命更长。 li 浮动;a标签 控制字符、设置display:i...原创 2011-09-13 14:56:58 · 287 阅读 · 0 评论 -
CSS3:wordpress读者墙
最近在制作一个企业站和制作一些广告效果,今天又在网上看到css3的两个属性:transform-style、backface-visibility。用CSS3写一个不错的wordpress读者墙。您可以狠狠地点击这里:wordpress读者墙 chrome下能收到最好效果。...原创 2011-08-29 10:45:36 · 126 阅读 · 0 评论 -
论网易对联广告的效果展示
打开网易,你会发现网易网站的对联广告做的效果是:默认大的flash广告显示,当你鼠标首触碰上,离开,它会自动变成小的flash广告;再次触碰变大flash广告,离开变小flash广告。广告隐藏没有用display而是用到了visibility,虽然都是隐藏,但一个隐藏过后不占物理空间,一个还保留它的物理空间。还有广告没有采用传统的是固定在浏览器的左右,而是用绝对定位在浏览器左右的,不...原创 2011-08-25 10:02:06 · 165 阅读 · 0 评论 -
项目制作流程:请勿野蛮施工
项目制作流程图:项目是制做出来的,它有它自己的流程方式:前期的规化、沟通、修改、方案、制作、测试、修改、上线、维护等流程。想想我们把时间浪费在那里了。如果一个30天的项目,需要的是15天的前期规化与沟通,最终确认功能和要求,10天的制作流程,找到适合项目的技术,5天的内测与修改,上线。而我们却恰恰相反,把大量的时间花在不断修改的那部分,一栋大厦,地基没有打好,越往上盖,是越不稳的。...2011-08-16 15:38:28 · 134 阅读 · 0 评论 -
css3:鼠标hover图片效果
今天在网上看到的鼠标hover效果,当时就看的心痒痒,css3果然很强大,最主要的是思路真漂亮,随后自己做了html原型,然后按照自己的思路给规划了一下,果然很帅。您可以狠狠地点击这里:css3:鼠标hover图片效果demo亲,是没有JS效果的哦~~~ ...2011-08-16 10:56:17 · 1073 阅读 · 0 评论 -
css3:QQ衰表情
发现在聊天群里面,用这个表情的很多,最近一直也在了解CSS3的新属性,觉的应该用CSS3把它画出来,于是就有了这个页面。主要应用伪类:before :after CSS3新属性 transform box-shadow border-radius 您可以狠狠地点击这里:css3:QQ衰表情demo <!DOCTYPE html><html>...2011-08-16 10:39:31 · 157 阅读 · 0 评论 -
胡思乱想 打鱼晒网
其实一直想写一篇东西出来,但最近状态不好,我这个人过份的自由、散漫惯了,对一些形式和官僚主义特别的反感,还特爱坚持自己的信仰和原则,不愿意做出改变,但随着年龄的成长,总觉的自己该做点什么。这篇文章是三天打鱼,二天晒网胡思乱想的一些内容,也不知道想要表达什么内容。 技术团队如果每天缺少交流、分享、讨论、思考,慢慢的就缺少了互相督促和激励的氛围。靠什么沟通呢,技术,肯定是技术的内容,但...原创 2012-02-15 15:54:43 · 98 阅读 · 0 评论