设计｜生活｜发现新鲜 » Blog Archive » 火车头音乐盒
function dochange(){
event.srcElement.style.background = "#f3f3f3";
}
function doRes(){
event.srcElement.style.background = "";
}
//');
//]]>
.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;}
总算回来了~ 很无辜被卷入“移动机房IP门”中断访问达4天之久，感谢期间联络84询问的朋友们~2009.11.28
/* */
火车头音乐盒Saturday, November 28th, 2009
同样是小火车沿着轨道跑的玩具，这一个就“动听”多了，火车头前面一排长长的牙齿其实是一个14音音乐盒，轨道上的一个个小圆珠则是一个个触点，当小火车欢快地绕着轨道前进，一首同样欢快的乐曲也被奏响。当然，通过改变小圆珠的序列位置，就可以演奏出不同的曲子。
不错 (11)一般 (0)无聊 (0)
Posted in 产品设计 | 2 Comments »
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();
上一篇：可口可乐瓶的历史
下一篇：超级跑车与光涂鸦
本文已有2 条评论,你也说点什么?
小易 / Nov 30th, 2009 15:14 1
太有创意了
[Reply]
/ Dec 1st, 2009 10:36 2
[...] 沿着坑坑洼洼的轨道跑下去，哼着不同的曲子。轨道的不同拼接方式，演绎别样的音乐。很可爱的小设计，很可爱的小玩具。 来自：Since1984 [...]
也来说几句？（哪有卖？去搜搜看！）
留下你的名号(required)
电子邮箱(不会被公开)(required)
留下你的网络地址以便84能回访到你
Please note：如果您的评论包含链接，防Spam插件可能推迟您的评论显示的时间，请等待84的审核，在此期间您无需重新提交相同的回复.
点击取消评论
/* */
/* */
Catelogs 有趣新鲜 (1098)
产品设计 (824)
创意生活 (313)
创意家居 (287)
创意广告 (54)
先锋数码 (43)
store (23)
分享生活 (19)
小游戏 (11)
[ 按照月份浏览归档 ]
即便你觉得全球变暖这个其实很严重的事情与你没有多少关系，也请你读完这50件生活里的细节末叶的小事，如果并不太难实现，那就尝试去做点什么吧。
如果你是设计师，可以将作品提交至我们的网站发表让更多人看到你的大作；如果你是设计爱好者，可以将看到的新鲜资讯提交给我们，与更多人分享。
Timeless Design
我们的blog已持续更新近三年时间，很多好的设计分享几乎被时间遗忘，翻翻这里随机出现的旧文吧：
可以订制形状的小黄瓜和大西瓜FENDI的长城T台秀
Blogroll
ChouDou Group
function change(){
if(arguments[0]==1){
$("recommend_div").style.display = "";
$("hot_div").style.display = "none";
$("recommend_li").className = "on";
$("hot_li").className = "";
$("more_btn").style.display = "";
}
else if(arguments[0]==2){
$("recommend_div").style.display = "none";
$("hot_div").style.display = "";
$("recommend_li").className = "";
$("hot_li").className = "on";
$("more_btn").style.display = "none";
}
}
function change1(){
if(arguments[0]==1){
$("new_div").style.display = "";
$("friend_div").style.display = "none";
$("new_li").className = "on";
$("friend_li").className = "";
}
else if(arguments[0]==2){
$("new_div").style.display = "none";
$("friend_div").style.display = "";
$("new_li").className = ""
$("friend_li").className = "on";
}
}
function change2(){
if(arguments[0]==1){
$("man_div").style.display = "";
$("women_div").style.display = "none";
$("man_li").className = "on"
$("women_li").className = "";
}
else if(arguments[0]==2){
$("man_div").style.display = "none";
$("women_div").style.display = "";
$("man_li").className = ""
$("women_li").className = "on";
}
}
function displayA(num){
for(var i=1;i<=10;i++){
if(i!=num){
$("width_li_a"+i).style.display = "none";
$("narrow_li_a"+i).style.display = "";
}
else{
$("width_li_a"+i).style.display = "";
$("narrow_li_a"+i).style.display = "none";
}
}
}
function displayB(num){
for(var i=1;i<=10;i++){
if(i!=num){
$("width_li_b"+i).style.display = "none";
$("narrow_li_b"+i).style.display = "";
}
else{
$("width_li_b"+i).style.display = "";
$("narrow_li_b"+i).style.display = "none";
}
}
}
function displayC(num){
for(var i=1;i<=10;i++){
if(i!=num){
$("width_li_c"+i).style.display = "none";
$("narrow_li_c"+i).style.display = "";
}
else{
$("width_li_c"+i).style.display = "";
$("narrow_li_c"+i).style.display = "none";
}
}
}
function displayD(num){
for(var i=1;i<=10;i++){
if(i!=num){
$("width_li_d"+i).style.display = "none";
$("narrow_li_d"+i).style.display = "";
}
else{
$("width_li_d"+i).style.display = "";
$("narrow_li_d"+i).style.display = "none";
}
}
}