<div class="codetitle"> <span><a style="CURSOR: pointer" data="61675" class="copybut" id="copybut61675" onclick="doCopy('code61675')"><u>复制代</u></a></span> 代码如下:</div> <div class="codebody" id="code61675"> <br><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <BR><html xmlns="http://www.w3.org/1999/xhtml"> <br> <br><title></title> <br><script type="text/javascript" src="Scripts/jquery-1.10.2.min.js"></script> <br><script src="Scripts/jquery.cookie.js" type="text/javascript"></script> <br><style type="text/css"> <br>#p1{ 背景色:赤 ;幅:40ピクセル;ボーダー: 実線の 1 ピクセルの黄色 ;マージン:5px; float:left} <br>#p2{背景色:黄色 ;幅:40px;境界線: 実線の 1 ピクセルの赤;マージン:5px; float:left} <br>#p3{背景色:青;幅:40px;境界線: 1 ピクセルの黄色の実線;マージン:5px; float:left} <br></style> <br><script type="text/javascript"> <br>$(function () { <br>if ($.cookie("bgcolor")) { <br>$("body").css("背景色", $.cookie("bgcolor") ); <br>} <br><br>$("p").click(function () { <br>$("body").css("背景色", $(this).css( "背景色")); <br>$.cookie("bgcolor", $("body").css("背景色"), { 有効期限: 7 }) <br> }) <br></script> <br></head> <br> <br><p id="p1">色</p><p id="p2">黄色</p><p id="p3">蓝色</ p> <BR></body> <br></html> <br><br> </div>
