Test

Griever by Griever 2010-05-15 [2010/05/15 22:28:21]

マウスカーソルを動かすと背景色が変わるお遊び

    • 
  
  • /*
 * @title Test
 * @description マウスカーソルを動かすと背景色が変わるお遊び
 * @include http://*
 * @license MIT License
 * @require 
 */

javascript:document.addEventListener('mousemove', function(e) {
	var h = Math.floor(e.clientX / innerWidth  * 360);
	var s = Math.floor(e.clientY / innerHeight * 100);
	document.documentElement.style.backgroundColor = 
	document.body.style.backgroundColor = 'hsl(' + h + ', ' + s + '%, 50%)';
}, false);

    • 
  
  • 
    
    
    
      
    
        
    Permalink
    
        
    このページへの個別リンクです。
    
        
    RAW
    
        
    書かれたコードへの直接のリンクです。
    
        
    Packed
    
        
    文字列が圧縮された書かれたコードへのリンクです。
    
        
    Userscript
    
        
    Greasemonkey 等で利用する場合の .user.js へのリンクです。
    
        
    Loader
    
        
    @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。
    
        
    Metadata
    
        
    コード中にコメントで @xxx と書かれたメタデータの JSON です。
    
      
    
    
    
  
    • 







  
History

  
    
    
  1. 2010/05/15 22:28:21 - 2010-05-15
    2.