设计｜生活｜发现新鲜 » Blog Archive » I’m a talking plate.
.editComment, .editableComment, .textComment{ display: inline;}.comment-childs{border-top: 1px solid #dddddd;border-bottom: 0px solid #000;margin: 5px 10px 10px 80px;padding: 5px 0 0 0;background: #ffffff;}
Loading fanfou status...
收藏阳光的罐子
LivingColors
新奇牙膏纸巾抽
复古不锈钢小闹钟
快乐牛奶杯灯
导演打板闹钟
他和她的故事
北欧书本造型纸巾盒
Catelogs Blogging (73)
store (20)
wordpress (29)
先锋数码 (39)
分享生活 (19)
创意家居 (280)
创意广告 (54)
创意生活 (276)
听音乐 (3)
小游戏 (11)
工业设计 (741)
有趣新鲜 (908)
看电影 (12)
话题广告 (20)
[ 按照月份浏览归档 ]
Blogroll
臭豆成员站点
设计｜生活｜发现新鲜 >> 关注一切有趣新鲜的设计／产品／创意／事物 …
I’m a talking plate.
出自设计师surasek yutthiwat, 透明的盘子底部有凹下去的单词或短语,每个盘子围绕一个诸如爱情\道歉\办公场景等主题预设了几个不同的短语,借助附送的笔把你想要选择的那个短语周围涂抹成红色,一句话就显现出来.
QQ书签+收客+del.icio.us+Google+百度收藏+
var EYES99 = {
MAX_DIST : 20, // furthest pupil can move from center
EYE_RADIUS : 39, // half the width of the eye image
PUPIL_RADIUS : 2, // half the width of the pupil image
pupils : [],
init : function() {
var app = EYES99;
// setup our mousemove handler
if (document.addEventListener) {
document.addEventListener("mousemove", app.moveEyes, true);
} else if (document.attachEvent) {
document.attachEvent("onmousemove", app.moveEyes);
}
// grab references to the pupils
app.pupils = [ _gel("EYES_pupil099"), _gel("EYES_pupil199") ];
// Call uninit when leaving page to cleanup the handlers
_IG_AddEventHandler("unload", app.uninit);
},
uninit : function() {
var app = EYES99;
// clean up our handlers
if (document.addEventListener) {
document.removeEventListener("mousemove", app.moveEyes, true);
} else if (document.attachEvent) {
document.detachEvent("onmousemove", app.moveEyes);
}
},
moveEyes : function(e) {
if (!e) e = window.event;
var app = EYES99;
for (var i = 0; i < app.pupils.length; i++) {
var pupil = app.pupils[i];
// The middle points of the eyes
var midx = app.getPagePos(pupil.parentNode,true) + app.EYE_RADIUS;
var midy = app.getPagePos(pupil.parentNode,false) + app.EYE_RADIUS;
// The distX/distY from eye middles to the mouse
var distX = e.clientX + document.documentElement.scrollLeft - midx;
var distY = e.clientY + document.documentElement.scrollTop - midy;
// The absolute distance from eye middles to the mouse
var dist = Math.sqrt(Math.pow(distX, 2) + Math.pow(distY, 2));
if (dist > app.MAX_DIST) {
// mouse out of eyeball, scale distX/distY to be at eyeball edge
var scale = app.MAX_DIST / dist;
distX *= scale; distY *= scale;
}
// Place the pupil appropriately
pupil.style.left = parseInt(distX + app.EYE_RADIUS - app.PUPIL_RADIUS) + "px";
pupil.style.top = parseInt(distY + app.EYE_RADIUS - app.PUPIL_RADIUS) + "px";
}
},
// get page coords for an element
getPagePos : function(el, left) {
var val=0;
while(el != null) {
val += el["offset"+(left?"Left":"Top")];
el = el.offsetParent;
}
return val;
}
};
EYES99.init();
上一篇：B&O 要造小闹钟?
下一篇：哈雷自行车
本文已有4 条评论,你也说点什么?
/ Jul 20th, 2009 12:21 1
喜欢你的博客，换个友链http://www.lgm.hk
[Reply]
/ Jul 21st, 2009 12:41 2
好想买，不知道哪里有卖的？ ：）
[Reply]
floe / Jul 21st, 2009 16:39 3
好想买啊，哪里可以买啊？
[Reply]
melodyfangtasy1989 / Jul 21st, 2009 19:52 4
那啥，那个笔的材料吃进去（看到有放蛋糕在上面）会中毒啵？~
[Reply]
你或许想说点什么
留下你的名号(required)
电子邮箱(不会被公开)(required)
留下你的网络地址以便84能回访到你