Archive for 4月, 2009

pixelated it! 网站改版

星期一, 4月 13th, 2009

启用日本很流行的像素过渡效果,并且改成黑白两色。

scriptaculous.js音频播放控制功能

星期三, 4月 8th, 2009

例子

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="lib/prototype.js"></script> 
<script type="text/javascript" src="src/scriptaculous.js"></script> 
<title>Play sound</title>
</head>
<body>
<div>
    URL: <input type = "text" id = "sound_demo_track_url" style = "width:400px;"  value = "1.mp3"/>
    <br/>
    Sound: <span id = "sound_status">On</span>
    <ul class = "sound_controls">
      <li><a href="javascript:void(0)" id="sound_demo_play">播放</a></li>
      <li><a href="javascript:void(0)" id="sound_demo_disable"></a></li>
      <li><a href="javascript:void(0)" id="sound_demo_disable_now">停止</a></li>
      <li><a href="javascript:void(0)" id="sound_demo_enable"></a></li>
    </ul>
</div>
<script type="text/javascript">
  $('sound_demo_play').observe('click', function(event) {
       alert('play')
       event.stop();
       Sound.play($('sound_demo_track_url').value,{replace:true});
   });

  $('sound_demo_enable').observe('click', function(event) {
       event.stop();
       Sound.enable();
     $('sound_status').innerHTML = 'On';
   });

  $('sound_demo_disable').observe('click', function(event) {
       event.stop();
       Sound.disable();
     $('sound_status').innerHTML = 'Pending Off';
   });

  $('sound_demo_disable_now').observe('click', function(event) {
       event.stop();
       Sound.enable();
       Sound.play('',{replace:true});
       Sound.disable();
     $('sound_status').innerHTML = 'Off';
   });

</script>
</body>
</html>

正在消失的感觉 - Shanghai Discovery@KDS

星期日, 4月 5th, 2009

看了席子再宽带山上拍的着一些列照片,突然觉的那些平时看上去灰暗的老建筑再佳能5d的拍摄下竟能散发出王家卫电影般的那种气息,说实话,自己是很喜欢旧上海的那种感觉的,一种略带悲伤的情绪。席子背着他的相机,穿梭于上海的每个角落,试图和城市变迁的脚步赛跑,记录下正在消失风景。