一个弹出tooltip的效果

[ 2007年 星期六 8Dec 11:34 am | 作者: iVane Hwang | 标签: ]

这个效果是在Faceren上面看到的,主要是一排图标,鼠标移到图标上去时,在图标的上方会弹出个tooltip的提示,当时看到了感觉很有趣,于是想自己做一个试试,先看看效果图~

frtooltip

首先想一下思路,类似这样的图片链接,最好的方法是将图片做成背景来处理,而当用背景来处理时,自然又会想到用一张背景图通过移动背景位置来实现效果;图片hover时周围有个小黑框,这个在设置<a>的样式时就可以先通过padding来设置间距;至于弹出的tooltip,利用<span>来实现,在<span>里使用tooltip的背景图片,使用display: none; display: block;来实现tooltip的隐藏与显示,说了那么多,有点乱,看代码吧~

还有很多,点击继续读下去 »

分类:06. 标 准 ※ 重 构   |    哇!有5 条评论哦~ »

【益智游戏】请说出以下五副图片的相同之处

[ 2007年 星期五 7Dec 3:01 pm | 作者: iVane Hwang | 标签: ]

先声明,此乃益智游戏,请说出以下五副图的相同之处:

Facebook

网址:http://www.facebook.com

还有很多,点击继续读下去 »

分类:01. 胡 言 ※ 乱 语   |    哇!有3 条评论哦~ »

【音乐】加价热潮

[ 2007年 星期一 26Nov 12:27 am | 作者: iVane Hwang | 标签: ]

今年的股市哗啦啦的升,物价也就跟着稀溜溜的升,可怜了我们这些打工仔,房租升,生活用品费用升,肉价升,菜价升,赖以生存的方便面也升了,就连最喜欢吃的绿豆饼由原来的一个两毛五升到一个五毛,天啊,一倍价格,样样升价唯独就是工资不见涨,天啊~

偶然在电视上听到许冠杰的歌《加价热潮》,觉得歌词很符合目前的社会状况,很佩服许冠杰的远见啊,呵呵,放上blog给大家听听,工资虽然加不了,自己多点努力吧,生命满希望,前路由我创,自己有手有脚,努力点就可以了~

还有很多,点击继续读下去 »

分类:01. 胡 言 ※ 乱 语   |    仅仅只有一条评论 »

动态文字替换【Dynamic Text Replacement】

[ 2007年 星期五 16Nov 6:01 pm | 作者: iVane Hwang | 标签: ]

记得W3CN有篇文章是介绍《如何以及何时使用sIFR》,使用sIFR可以实现在客户端显示客户端所没有的字体,前几天在网上有看到一篇文章是介绍利用PHP和CSS来实现同样的效果,而且使用的方法是很简单的。

原文的标题是《Dynamic Text Replacement》,我自己将之翻译成中文:动态文字替换,不知道这样翻译对不对呢,当然照常,先看看效果如何,下面是我自己做的一个demo:

Demo地址:http://ikshow.com/demo/dtr/

怎样?效果不错吧?可以将N多字体效果显示到用户客户端上,当然,这个东东目前只支持以下的CSS:

还有很多,点击继续读下去 »

分类:03. 乱 七 ※ 八 糟, 06. 标 准 ※ 重 构   |    哇!有11 条评论哦~ »

让翻译软件能在PDF上取词

[ 2007年 星期三 14Nov 7:18 pm | 作者: iVane Hwang | 标签: ]

这几天晚上都在看E文书籍的PDF版,遇到不懂的单词还是得借助金山词霸来指一指滴,但是发现金山词霸无法在PDF上取词,上网搜了一圈,发觉弄个什么插件到Adobe Reader的安装文件夹里是可以解决问题的,但问题是我是用免费而又绿色的Foxit Reader来打开PDF的,而且我不想装Adobe Reader那个庞然大物。

还有很多,点击继续读下去 »

分类:03. 乱 七 ※ 八 糟   |    哇!有6 条评论哦~ »

救救蓝色理想

[ 2007年 星期一 12Nov 11:15 pm | 作者: iVane Hwang | 标签: ]

从01年开始就一直在蓝色理想里面混,当时自己人还小,没什么技术,一般有问题都是靠论坛或者网站的搜索功能来找到答案。所以造成自己在论坛的注册年龄长而发言少,但不发言不代表自己不关心,在学习和工作中,遇到不明白的也都会上蓝色理想来查找答案,看到好的还会纪录下来,就这样年复一年,日复一日,最终养成了上网第一个打开的网站就是蓝色理想,看有什么新文章,看招聘区有什么好的招聘帖子(这个,估计很多人都会注意吧),看论坛里有什么值得收藏的帖子,看论坛的水区有什么好玩的帖子,在蓝色理想里真的很开心,即好玩又有收获。

可是没想到今天奶爸twitter上说蓝色理想的论坛可能要被迫永久性的关闭了,我觉得很震惊,蓝色理想算是目前国内数一数二的网站开发人员的聚集地,如果这样没了,那么原来在蓝色理想获得的乐趣,许多蓝色理想的人的心血结晶又会怎样呢?

还有很多,点击继续读下去 »

分类:01. 胡 言 ※ 乱 语   |    哇!有7 条评论哦~ »

超级变变变

[ 2007年 星期二 6Nov 1:12 am | 作者: iVane Hwang | 标签: ]

记得读高中的时候,经常在电视台里看到一个日本的节目,叫做《超级变变变》,这个节目完全是展现一个创意的舞台,老实说,这样的节目的成功需要两个元素,第一个是观众的积极参与;另外一个就是节目的质量;这两样我认为缺一不可,但这个节目却恰恰做得很成功,日本人在这个舞台上展现出各种各样的令人拍案叫绝的创意。

这几天广州竞赛频道经常播一个巧克力的广告,本来是没有兴趣的,但是这个广告就采用了《超级变变变》的一个满分节目的创意,当然那个节目的创意则是来自黑客帝国里面的子弹时间,但是有自己的特点,不多说了,看看这个原版的《超级变变变》的黑客帝国版乒乓球赛吧:

很好看吧?当然无意中还让我看到这个超暴笑的空手道版,我自己看时笑到不行,不知你会否?

还有很多,点击继续读下去 »

分类:03. 乱 七 ※ 八 糟   |    哇!有2 条评论哦~ »

三栏三列纯CSS布局的一个bug

[ 2007年 星期三 31Oct 6:31 pm | 作者: iVane Hwang | 标签: ]

原帖看这里:http://ikshow.com/archives/194

今天下午发现这个布局如果之中有采用锚点的话,会出现只显示锚点以下的内容,其他内容会被隐藏了,这就是使用了负边距的麻烦了,具体的情况可点击以下链接查看:

http://ikshow.com/demo/3_col_3_fail/

点击里面的链接,会跳到页面底部的锚点,之后就会发现我所描述的问题了。

IE6, IE7, Firefox, Safari(Win版)都是会出现这个问题,但是Opera居然不会,怪不得Opera会被称为最符合标准的标准浏览器。

解决方法:

恕在下水平还不是那么的够,研究了一个下午还是找不到解决方法,最后无奈还是用JS解决布局,如果您有很好的解决方,麻烦分享一下,在下不胜感激~

一点感慨:最近老是在不断否定自己以前所做的,虽然有点烦恼,但也应该算是自己进步吧?呵呵!

还有一点就是希望11月能给自己带来好运~

分类:06. 标 准 ※ 重 构   |    哇!有6 条评论哦~ »