この記事では、ページ上のいつでも背景色をカスタマイズするJSの方法について説明します。参照のためにそれを共有してください。特定の実装方法は次のとおりです。
次のようにコードをコピーします:<html>
<head>
<Title> JSは、ページ上のいつでもカスタム背景色を実装しています</title>
<スクリプト言語= "javascript">
<! - begin
//次のコードは、入力ボックスとそのレイヤーをウィンドウに書き込みます。
document.writeln( '<div align = "center" id = bgcolortestdiv style = "background-color:gray; position:absolute; width:200; height:70; top = 100; z-index:100">');
document.writeln( '<p> <b> <font size = 2>カラーコードを入力<br>リアルタイムで背景色を変更できます</font> </b> </p>');
document.writeln( '<p> <入力型= "text" name = "text" onkeyup = "cbgcolor(this.value)"> </p>');
document.writeln( '</div>');
関数cbgcolor(color){//背景色を変更します
if(color!= '')
document.bgcolor =( ''+color+''); //背景色を設定します
}
関数KeepDivpos(){// div位置を保持します
document.all.all.bgcolortestdiv.style.pixeltop = parseint(document.body.scrolltop)+100 //レイヤーの相対位置を計算して設定します
}
setInterval( 'keepDivpos()'、100)//レイヤー位置を自動的に変更するクロックを設定します。
//終了 - >
</script>
</head>
<body>
</body>
</html>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。