2013年06月_comeonstone

12月 11月 10月 08月 07月 06月 03月 01月

原创图片轮换的按钮如何通过像素定位

图片轮换效果是很多网站某些模块所需要的样式，但对于两边的按钮的加载与控制，常常让人不知所措，很头大。网上也有很多种这样的特效，会将左右两边的图片做到一张图上，用像素定位即可获得想要的图片效果。比如小按钮的图片为下边是css的样式a.abtn{ display: block; height: 130px; width: 15px; ove

2013-06-28 11:50:27 1475

原创 js中通过父级进行查找的解决办法

2013-06-24 身体健康，万事如意'如果想要查找到有icon这个class的span（对其进行操作，将news_list_icon换为news_list_icon_hover），除了用原始的代码$("#newslist li").hover(function(){ $("#newslist li").find(".icon").addClass("n

2013-06-27 18:12:21 1833

原创如何提高banner设计含量--网上的一篇文章--感悟

"修改": 本质上是改什么？改大小？图片？文字？颜色？老板说：修改本质上是提高“设计含量”。检测一个作品设计含量的高低，可以将作品中每一个设计元素进行分析，看它的“属性”与“操作”是否经得起推敲。作品中经得起推敲的元素数量越多，设计含量就越高，反之含量越低。新手之所以到处问别人怎么怎么修改，其实是缺少对元素的研究。用户体验中，人的阅读习惯是从左到右。摄影出来的图要漂亮，文案还得逻辑

2013-06-26 12:02:55 1323

原创标签内字体竖排

h5{ width: 10px; font-size: 12px; word-wrap: break-word; height: 80px; vertical-align: middle;}在标签里将宽度设定，加上word-wrap属性就可以实现竖排，其他的属性都是为了调整样式而添加的。

2013-06-25 17:50:35 1612

原创链接外有虚框的解决方法

链接外有虚框的解决方法a:hover,a:active{ outline:none;}a {star:expression(this.onFocus=this.blur());}第一个对应Firefox、Chrome等浏览器（ie8、ie9也有效）下边一个对应ie7浏览器

2013-06-25 17:30:58 1056

转载 .clearfix:after clear:both

.clearfix:after clear:both在写HTML代码的时候，创造在Firefox等符合W3C标准的涉猎器中，如果有一个DIV作为外部容器，内部的DIV如果设置了float样式，则外部的容器DIV因为内部没有clear，导致不能被撑开。看下面的例子：TEST DIVTEST DIVCSSBBSTEST DIVTEST DIVTEST DIV运行这

2013-06-25 11:33:58 1476

这是我来上海的第三周，上班的第二周，中间端午节回去了一趟。第一周是在匆忙与焦虑加晕头转向中度过的。匆忙与焦虑来源于好长时间未做前端界面这块，虽然div+css很熟悉，也做过网站，但系统的网站技术还是很生疏，平时也都是自己学的，零零散散不说，很多小技巧更是没有实战经验，是不肯能拥有的。外加严重的问题是考虑不周，js效果的有效添加是取决于很好的布局，id的命名合理，图片的提取，浏览器的兼容等等。所以第

2013-06-21 17:32:47 1028 2

原创 css滤镜

今天因工作需要，尝试着用一下滤镜，结果就三行代码就ok了，现在记录一下，以便大家参考，当然对于滤镜这块，之后还会再加学习补充。filter:alpha(opacity=80); /* 用于IE浏览器－透明度为20%*/ -moz-opacity:0.8;/* 用于Moz + Firefox－透明度为20%*/ opacity: 0;

2013-06-20 17:28:16 528

原创文字、图片并排，如何对齐

在界面中，这种图片文字在同一行的现象很常见，在布局时，因为需要，将两个元素写在一个a标签中，但文字总是底对齐与图片，让人很头疼。今天忽然发现解决的办法，将图片或文字任一个float一下就OK了。

2013-06-20 17:20:30 1828

原创工作中的规范化

工作的规范化，带给个人的不仅仅是工作效率的提高，更重要的是个人习惯的养成，习惯养成的不易会让个人不管融入那个圈子，都会尽快入手。日后维护的工作更是顺风顺水，减少很多的麻烦。工作的规范化，带给团队的，更是好处多多。团队中，本来人员就多，一个人一个思想，如何让这么多的思想火花不用碰撞也会燃烧的很剧烈，这就需要一种规范，给火花以空间、渠道，当然也要有源源不断的燃料。此上只是自己工作中的一点

2013-06-18 11:51:06 1374 2

原创多个元素并排一行，div+css布局乱码，如何进行处理

想要实现上述效果，可以有很多种方法，比如:1> pic左浮动，右边word统一命名并且右浮动，word需要加一个border-bottom样式，小梦梦word_name、word_num分别用span实现，但此时问题出现了。word_num的宽度无法固定，会随着数字的个数而变化。原因如下：span属于行内元素，行内元素不会独占一行，相邻的行内元素会排列在同一行里，直到一行排不下，

2013-06-18 09:27:24 2447

原创网址总结

1、 http://job.bobd.cn/ 顶尖创意人才网2、 http://www.zcool.com.cn/article/ZNDExNTY=.html 网页中手绘应用3、http://www.zcool.com.cn/article/ZNDI0MDA=.html 30天突破板式攻略4、http://book.douban.com/subjec

2013-06-13 15:43:50 1373 3