面向对象的JavaScript文字滚动效果

CJ的JavaScript教程到滚动文字效果那节,觉得很受用。大致修改了下放上来和大家分享。类似于门户网站上面的文字滚动效果,如有类同纯属虚构^!^

HTML:

<h1 id="title">This a H1 Title, isn't it?</h1>
<div class="clear"></div>
<input type="button" id="btn-1" value="开始" />
<input type="button" id="btn-2" value="结束" />

木有什么好说的,主要看JS。

继续阅读 »

新的一年,新的开始

好吧!既然过年就得说说这吭爹的春运了,回北京哥买到了长达26小时行程的站票一张(汉中-北京),回北京搞得脚肿脸青的。丫的这辈子都不买站票了。

你丫铁道部少发行一张站票会死啊,

你们晚上一天班晚走一天会死啊,

补卧铺,补你妹。活该你没买到坐票。

那谁谁上火车之前先上一趟厕所会死啊,

那谁谁少卖一瓶水,少卖个手电筒你会死啊,

大哥,大叔 包都是你的多少倍了?不学蚂蚁会死啊,

妹子,上车上不来就算了吧,活该你上来下不去。

你丫列车长,那么多人,那么高温,不开暖气你会死啊。

那谁谁少放一遍《爱情买卖》你会死呀,

……

新的一年,准备辞职找份新工作。希望今看能够学到更多的知识与大家分享!同时也要求工作啦!

Eclipse中用SVN简单部署你的项目

在实际的项目开发总会遇到一些问题,比如多人协作coding的时候更新版本不统一。简单说就是:

当你在修改代码的时间可能其它人也在修改,为了避免更新版本时出现混乱,我们会用到SVN也是是版本管理。

理论知识:SVNsubversion

神马SVN服务器,客户端的就不多说了,自己去查,我主要给大家说说如何在Eclipse中用SVN。

继续阅读 »

WordPress3.0无限级分类下拉菜单制作方法(有不足)

帮朋友做个小导航时用到了下拉菜单,话说WordPress3.0以上版本的”wp_nav_menu()”真是好用,加上主题自定义菜单的设置简直可以说是完美的网站导航。

涉及到下拉菜单制作的方法最核心的还是鼠标移动到上面的处理。下面是调用wp_nav_menu()函数后的HTML结构(做解释用):

继续阅读 »

CSS分组(多元素)选择器使用小记

从来都不要认为一件事情简单就不去仔细研究,CSS本身是比较简的但要想完全凌驾其上也不是一朝一夕的事,平常做页面时就要多做总结,积累才是学习的最好方法。

正题:

在我们写CSS时遇到两个选择器不同规则相同的情况大多会用到多元素选择器,因为这样在某种情况下会少写一条相同的规则,比如:

#display-block{ display:block; }
.display-block{ display:block; }

合并为:

#display-block, .display-block{ display:block; }

这个地球人都知道?往下看…
毫无疑问上面这种方法大大的精简了代码,但是在实际操作中我发现并非所有的情况都如我所愿。比如:

#display-block{ display:block; color:red; }
.display-block{ display:block; color:black; }

合并为:

#display-block{ color:red; }
.display-block{ color:black; }
#display-block, .display-block{ display:block; }

对比一下这两段代码,你会发现下面合并过的比上面没合并的多了大约18个字符,换句话说就是合并并没有达到精简代码的效果,反而比原来的还长了。

总结一当某选择器有单一CSS规则时,用分组选择器会达到精简代码的作用。

再来看一种情况:

#f1{ display:block; color:red; }
#f2{ display:block; color:black; }

合并为:

#f1{ color:red; }
#f2{ clor:black; }
#f1,#f2{ display:block; }

对比一下合并后大概节省了7个字符。

总结二当N个(短)选择器下含有至少1条相同CSS规则,用分组选择器优化其中某条规则时可能会达到效果。

能否达到效果要看其中的“短”和“某条”的字符长度。用个小学生方程吧:设它俩字符长度为X,Y 那么:

当 Y*N>X*N+(N-1)+2+Y 时,总结二成立。否则不成立。

解释:

  • N-1表示分组选择器之间的“,”
  • 2表示多出来的“{}”

好了!一个简单的结论出来了哈。不过貌似没多大意义,也只做折腾罢了。匆深究^!^

附:CSS森林博客作者制作的CSS压缩工具:mergeCSS

2 / 4112345678...last »