至潮玩具设计01(摘自zcool)

Posted in 创意设计, 杂七杂八, 2009-10-14, 18 views,

No Comments » 标签：国外优秀设计, 工业设计, 有趣

这灯有点启示

Posted in 创意设计, 杂七杂八, 2009-09-29, 17 views,

把吊颈的行为混入到这灯的设计中来，启示大家生命无Take2。当拉紧一点灯就灭了，而放松一点灯就亮了。

No Comments » 标签：国外优秀设计, 工业设计, 有趣

用dom插图片在IE下的bug

Posted in Code, 互联网, 2009-09-28, 22 views,

最近项目里面请求回来的页面里总有几个图片显示不出来，很不解，在网上到处翻阅找了一个比较古老的东西。做个记号。
在IETESTER 6-7下面的确有这个bug

function showimg(){
document.cc.innerHTML="<img src='cc.gif' />";
}
html//
<a href="javascript:void(null)" onclick="showimg()">显示图片</a> ie6会出现一直下载的情况！
<a href="#" onclick="showimg()">显示图片</a> 正常

No Comments » 标签：html, IE, web, 浏览器

Google Chrome Frame

Posted in 互联网, 2009-09-26, 40 views,

据Google Chrome博客报道，Google为了争夺IE浏览器的市场份额，推出了一个专门针对IE 6，7，8等版本的浏览器插件Google Chrome Frame，可以让用户的浏览器外观依然是IE的菜单和界面，但用户在浏览网页时，实际上使用的是Google Chrome浏览器内核。

　　在运行插件之后，用户的IE浏览器将获得Chrome的性能和功能。它将使用Chrome的WebKit引擎处理网页，另外也支持IE所没有的HTML5网页标准。当用户安装好Google Chrome Frame后，在地址前加cf：即可使用WebKit 核心浏览页面，例如：cf:http://www.williamlong.info/
或者更XX的就是在网页里面加

<meta http-equiv="X-UA-Compatible" content="chrome=1">

　　微软对Google Chrome Frame发表评论称，不建议IE的用户安装Chrome Frame，微软声称Chrome Frame会让IE的安全性变差，使得IE受到恶意软件、脚本攻击的可能性增大了一倍。

　　另外，在Chrome诞生一周年之际，Google推出了3.0稳定版，该版本对于中文字体的渲染效果明显优于Chrome的2.0版本，建议中文用户立即升级。

　　点击下载Google Chrome Frame：http://code.google.com/chrome/chromeframe

ps:下了一个装了不过ms不稳定我的ie8一个劲的报错。呵呵看来还是等技术成熟了再来玩吧～

No Comments » 标签：google, IE, web, 浏览器

Mootools Animate Post

Posted in Code, 2009-09-25, 36 views,

比较无聊的一个plugin，有点画蛇添足的感觉。。简单的把数据提交用所见即所得的方式呈现了一下呵呵，废话少说，先上DEMO。。。

Demo link:Animate Post

//autor:YafullyZhao
window.addEvent('domready', function(){
var input = $('aniateform');
var dis = $('discuss');
var spacer = new Element('div',{'styles':{height: '0px',position:'absolute',width:'100%', overflow: 'hidden'}}).inject(dis,'top');
var mover = new Element('div',{'class':'mover','styles':{position:'absolute', overflow:'hidden',height:'auto',border:'1px dashed #ADCD3C',background:'#F2FDDB',opacity:0.3}}).inject(dis,'top');
var target = new Element('div').inject(spacer);
$('button').addEvent('click', function(event){
event.stop();
var text = input.get('value');
if(text==""){
alert('此处不能为空！请写几个字吧～');
}else{
var startCoords = input.getCoordinates();
target.set('text',text);
var targetCoords = dis.getCoordinates();
mover.setStyles(startCoords).set('text',text);
target.set('text','');
input.value = "";
new Fx.Morph(mover, {duration:600, onComplete: function(){
spacer.setStyle('height', 0);
this.element.setProperty('style',null).injectAfter(spacer);
mover = new Element('div',{'class':'mover','styles':{position:'absolute', overflow:'hidden',height:'auto',border:'1px dashed #ADCD3C',background:'#F2FDDB',opacity:0.3}}).inject(dis,'top');
}
}).start({'top': [startCoords.top, targetCoords.top],'opacity':[0,1]});
}
})
});

提交可以在click时间触发时加上或者写个定时器定时遍历向数据库post。

No Comments » 标签：mootools, mootools Plugin

TT浏览器，搜狗浏览器的 setTimeout 和 setInterval 的问题

Posted in 未分类, 2009-09-17, 31 views,

下午逛论坛的时候看到一个问题：使用腾讯TT浏览器，搜狗浏览器打开多个窗口浏览网页的时候
非当前显示页面上的 setTimeout和setInterval 被暂时停止了，切换回来后才能继续执行。

原因是浏览器为了节省资源，因为这几种浏览器都是IE6内核，实在不敢恭维。

解决办法：
工具——TT选项——综合设置——启用多线程优化模式
把那个勾去掉
（未证实）
仅此做个记号。

No Comments »

Rollover Links

Posted in Code, 2009-09-17, 68 views,

Demo link:Rollover Links

1.Put the js in your page

//**Roll over links**
//autor:Yafully Zhao
//date:09.9.17
//MIT license
var Scrollmenu= new Class({
Implements: [Options,Events],
options:{
links:'',
lineH:'20px'
},
initialize: function(options) {
this.setOptions(options);
$(this.options.links).getElements('a').each(function(i) {
this.linksp = new Element('span',{
'styles': {
'display':'block',
'position': 'relative',
'height':this.options.lineH,
'width': '100%',
'overflow':'hidden'
}
}).inject(i,'top');
this.linkem = new Element('em',{
'class':'ems',
'styles': {
'display':'block',
'position': 'absolute',
'left':0,
'top':'-'+this.options.lineH,
'width': '100%',
'height':this.options.lineH*2,
'line-height':'20px',
'font-style':'normal'
}
}).set('html',i.getProperty('title')+'<br/>'+i.get('text')).injectInside(this.linksp);
},this)
this.roll();
},
roll:function(){
var H = '-'+this.options.lineH;
$$('em.ems').each(function(el){
el.set('tween', {duration: 300});
el.addEvent('mouseenter', function(e){el.tween('top', '0');});
el.addEvent('mouseout', function(e){el.tween('top', H);})
})
}
});