2008-05-21 下午 - thinking - 人肉搜索
今年愚人节的时候,google出了个人肉搜索(其实两年前就有听说)。自己当初不怎么理解其含义,所以就并没放在心上,今天,我懂了。
可不能小看了它,能通过广大的网友第一时间就得到你需要的结果。这就是它的厉害之处吧!
今天辽宁沈阳出了个“脑残者”,关于这个“脑残者”就不多说了!就是人肉搜索帮助沈阳警方在最短的时间内将其抓获。
从这里可以看出,人肉搜索可是功不可没的!它能做的事还多着了,随着它的发展,必将又是互联网一大亮点,也是所有网民们手中的一大利器!
其实这一刻更说明一个很简单,简单得不行的道理—人多力量大!
No Comments »
2008-05-20 上午 - html/css/xml/xsl - CSS
让网页变灰色,对5.12地震中遇难的同胞们表示哀悼!
CSS
No Comments »
2008-05-16 下午 - 纯属扯淡 - Google - 统计
晚上回家,打开自己的小站,突然发觉有js错误,不解,换火狐测试了一下。没错啊!这就郁闷了!
而且发觉仅IE7会有此问题。迅速的查了一下,最后把元凶定制了google的统计代码。将其去掉后,不会再有错误。我也不解,突然就出现这样的情况,而且是大家一直以来都很信任的Google。具体原因还在查证之中。若有朋友的站也出现这样的情况,请不必惊慌,咱们就先将这个元凶去掉一下吧!
No Comments »
2008-05-16 上午 - 生活点滴 - 吉他
今天,无意看到了我的吉他,包上面有层薄薄的灰了。才想起好久没有去关照它了。曾经我的最爱,也是当初自认为美好的理想。
擦掉上面的灰尘,感觉好陌生了!这段时间以来,一直都很忙,一直都是。晚上回到家里,守着电脑又要学习,又要搞自己个人的一些东西(博客什么之类的)。哪里来的时间啊!
现在已经想不起什么很熟悉的旋律了,只能一顿乱弹,任由手指的发挥,它按到哪,就弹到哪,好自由啊!无拘无束是多么的舒坦啊!只是手指似乎不受自己的控制,显得那么的笨拙!看来要多花点时间陪陪它了,再过久一点,似乎就完全陌生了!突然想到以前很多点点滴滴!
才发现,铉有锈迹了。曲终人散!睡吧!
No Comments »
2008-05-15 上午 - html/css/xml/xsl - CSS - 选择器
CSS 2有些高级的特性,但目前IE6及更低的版本都是不支持的,郁闷之中… 有幸的是, Firefox和Safari等现代浏览器支持这些高级选择器。没关系,学到手了自然也有用。IE会不断 的完善其对标准的支持,在不久的将来定有机会派上用场,只是如果你现在就用这些高级的特性 ,那么切记一则:在对于站点功能很重要的任何元素上应该避免使用这些高级选择器。
利用这些属性可以明显的减少结构层的嵌套及类选择的代码,从而使得我们的文档更轻巧, 更具可用性。嘿嘿,下面我们开始看具体用法及代码示例吧!
1. 子选择器和相邻同胞选择器
这些高级选择器中的第一个是子选择器。后代选择器选择一个元素的所有后代,而子选择器 只选择元素的直接后代,即子元素。在下面的示例中,外层列表中的列表项显示一个定制的图标 ,而嵌套列表中的列表项不受影响:
- #nav > li {background:url(folder.png)no-repeat left left top;}
-
- <ul id="nav">
- <li>Home</li>
- <li>Services</li>
- </ul>
- <ul>
- <li>Design</li>
- <li>Developent</li>
- <li>Consultancy</li>
- <li>Contact Us<li>
- </ul>
在IE 6和更低版本中,可以使用通用选择器模拟子选择器的效果。为此,先在所有后代上应 用你希望子元素具有的样式。然后,使用通用选择器覆盖子元素的后代上的样式。所以,要实现 与前面的子选择器示例相同的效果,可以这样做:
- #nav li * {background:url(folder.png)no-repeat left left top;}
- #nav li * {background:none;}
还可能希望根据一个元素与另一个元素的相邻关系对它应用样式。相邻同胞选择器可用于定 位同一个父元素下某个元素之后的元素。可以使用相邻同胞选择器让顶级标题后面的第一个段落 以粗体显示,同时不影响其他段落:
- h1 + p {font-weight:bold;}
-
- <h1>Main Heading</h1>
- <p>第一个段落(能应用上粗体文字)</p>
- <p>第二个段落</p>
- <p>第三个段落</p>
2. 属性选择器
顾名思义,属性选择器可以根据某个属性是否存在或属性的值来寻找元素。因此能够实现某 些非常有意思和强大的效果。例如,当鼠标停留在具有title属性的元素上时,大多数浏览器会 显示一个工具提示。可以使用这种特性解释某些内容(比如缩写词)的含义:
- <abbr title="高级css样式的应用">CSS</abbr>
但是,如果不把鼠标停留在这个元素上,那么没有任何迹象能够表明存在这一额外信息。为 了解决这个问题,可以使用属性选择器对具有title属性的abbr元素应用与其他元素不同的样式 ——在下面的示例中,在它们下面加上点。还可以在鼠标停留在这个元素上时将鼠标指针改为问 号,表示这个元素与众不同,从而提供更多的上下文相关信息。
- abbr[title] {border-bottom:1px solid #ccc;}
- abbr[title]:hover {cursor:help;}
除了根据某个属性是否存在对元素应用样式之外,还可以根据属性值应用样式。例如,使用 rel属性值nofollow链接的站点无法从Google获得评级收益(ranking benefit)。以下规则在这 种链接旁边显示一个图像,以此表示不推荐这个目标站点:
- a[rel="nofollow"] {background-image:url(nofollow.gif);padding-right:20px;}
由于IE 6和更低版本不支持属性选择器,有一种更聪明的使用属性选择器的方法。可以对IE 应用一种样式,对更符合标准的浏览器应用另一种样式。例如,IE在显示1像素的点边界方面有 问题,所以可以将点边界显示为虚线。可以使用属性选择器将点边界只应用于能够正确地表现它 的浏览器。这需要寻找class属性而不是使用类选择器。
- .intro {border-style:solid;}
- [class="intro"] {border-style:dotted;}
一些属性可以有多个值,值之间用空格分隔。属性选择器允许根据属性值之一寻找元素。例 如,一些开发人员建议在链接的属性中使用预定义的关键字来定义站点拥有者与其他人的关系。 可以利用这一信息将一个图像应用于在rel属性中包含关键字friend的任何链接。
- a[rel~="friend"] {background-image:url(friend.gif);}
-
- <a href="#" rel="friend met colleague">朋友</a>
- 使用具有friend值的rel属性称为XHTML Friends Network(简称为XFN),这是最近开发的几种新的“微格式”之一。可以在http://gmpg.org/xfn/了解关于XFN的更多信息,可以在http://microformats.org了解微格式的概念。
一旦这些高级的CSS 2选择器得到广泛的支持,在代码中添加额外的div或类的需求就会大大 减少。
No Comments »
2008-05-11 下午 - JS/Ajax/AS - javascript
很多同学一定在为多列等高的问题头痛吧!今天提供一个很方便的控制多列等高的JS,可以控制多个标签,并循环遍历任意多个标签。不需要添加ID或class。很不错的!
先看html代码:
- <ul id="news">
- <li>
- <h3><a href="#">news title 1</a></h3>
- <p>Descirption 1 阿斯<br>asas</p>
- <p class="more"><a href="#">more 1</a></p>
- </li>
- <li>
- <h3><a href="#">news title 2</a></h3>
- <p>Descirption 1</p>
- <p class="more"><a href="#">more 1</a></p>
- </li>
- <li>
- <h3><a href="#">news title 3</a></h3>
- <p>Descirption 1</p>
- <p class="more"><a href="#">more 1</a></p>
- </li>
- <li>
- <h3><a href="#">news title 4</a></h3>
- <p>Descirption 1</p>
- <p class="more"><a href="#">more 1</a></p>
- </li>
- </ul>
这里是JS代码(有用到一个JS库,DOMHelp):
- fixcolumns={
- highest:0,
- moreClass:'more',
-
- init:function(){
- if(!document.getElementById || !document.createTextNode){return;}
- fixcolumns.n=document.getElementById('news');
- if(!fixcolumns.n){return;}
- fixcolumns.fix('h3');
- fixcolumns.fix('p');
- fixcolumns.fix('li');
-
- },
- fix:function(elm){
- fixcolumns.getHighest(elm);
- fixcolumns.fixElements(elm);
- },
- getHighest:function(elm){
- fixcolumns.highest=0;
- var temp=fixcolumns.n.getElementsByTagName(elm);
- for(var i=0;i<temp.length;i++){
- if(!temp[i].offsetHeight){continue;}
- if(temp[i].offsetHeight>fixcolumns.highest){
- fixcolumns.highest=temp[i].offsetHeight;
- }
- }
- },
- fixElements:function(elm){
- var temp=fixcolumns.n.getElementsByTagName(elm);
- for(var i=0;i<temp.length;i++){
- if(!DOMhelp.cssjs('check',temp[i],fixcolumns.moreClass)){
- temp[i].style.height=parseInt(fixcolumns.highest)+'px';
- }
- }
- }
- }
- DOMhelp.addEvent(window,'load',fixcolumns.init,false);
自己复制另存代码,测试一下,应该会与用到的时候。注意该处用到的DOMHelp库,是一个操作文档节点很方便且符合标准并兼容各浏览器的JS库。
No Comments »
2008-05-9 上午 - thinking, 生活点滴 - 闲聊
现在自己对很多事情都已到了麻木的地步,其实自己并不想,自己身边的环境在渐渐的影响自己的信念!
自己也时时刻刻在提醒自己,要坚持自己的一些想法,可是没有办法。
失去了的,伸手可能也抓不回来,只能当作是回忆,人生中的一个插曲。
自己也感觉这两年变化很大,也许自己都不认识自己了,疏远了自己。
No Comments »
2008-05-9 上午 - html/css/xml/xsl - CSS
在一个前端技术很牛的BLOG里找来的。的确很牛,对技术要求到了这种境界,不得不服!
显示属性
display
list-style
position
float
clear
自身属性
width
height
margin
padding
border
background
文本属性
color
font
text-decoration
text-align
vertical-align
white-space
other text
content
其实也并非必须如此照此书写顺序,只是养成良好书写习惯,对自己还是有好处啊!在前进的道路中不断美化自己的东西。
No Comments »