127.0.0.1: ページの作成:「==背景色設定ライブラリ== <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">...」

2015-05-19T18:18:59Z

ページの作成:「==背景色設定ライブラリ== <<nowiki />html> <<nowiki />head> <<nowiki />script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>...」

新規ページ

==背景色設定ライブラリ==
<<nowiki />html>
<<nowiki />head>
<<nowiki />script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<<nowiki />script src="jquery.cookie.js"></script>
</head>
<<nowiki />body>
<<nowiki />script type="text/javascript">
<<nowiki />!--
$(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>
<<nowiki />div align="right" style="cursor:pointer;">
<<nowiki />font size="2">
<<nowiki />span id="bgred">赤</span>
<<nowiki />span id="bgyellow">黄</span>
<<nowiki />span id="bgblue">青</span>
<<nowiki />span id="bggrey">灰</span>
<<nowiki />span id="bgwhite">白</span>
</font>
</div>
</body>
</html>

Javascript/自作jqueryライブラリ/背景色設定 - 変更履歴

127.0.0.1: ページの作成:「==背景色設定ライブラリ== <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">...」