facebook twitter hatena line google mixi email

Javascript/自作jqueryライブラリ/背景色設定

提供: 初心者エンジニアの簡易メモ
移動: 案内検索

背景色設定ライブラリ

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="jquery.cookie.js"></script>
</head>
<body>
<script type="text/javascript">
<!--
$(document).ready(function() {
    // 初期背景色設定
    setcolor();
    $("#bgred").click(function(e){
        setcolor("#ffeeee");
    });
    $("#bgyellow").click(function(e){
        setcolor("#ffffee");
    });
    $("#bgblue").click(function(e){
        setcolor("#eeeeff");
    });
    $("#bggrey").click(function(e){
        setcolor("#eeeeee");
    });
    $("#bgwhite").click(function(e){
        setcolor("#ffffff");
    });
    // 背景色設定
    function setcolor(color) {
        if (!color && $.cookie('bgcolor')) {
            color = $.cookie('bgcolor');
        }
        $.cookie('bgcolor',color,{ expires: 30, path: '/' });
        $("body").css({"backgroundColor": color});
    }
});
// -->
</script>
<div align="right" style="cursor:pointer;">
<font size="2">
<span id="bgred">赤</span>
<span id="bgyellow">黄</span>
<span id="bgblue">青</span>
<span id="bggrey">灰</span>
<span id="bgwhite">白</span>
</font>
</div>
</body>
</html>