ホームページ > 記事 > ウェブフロントエンド > page_javascriptスキル入力時にグラデーション背景色を実現するJSメソッド
page_javascriptスキル入力時にグラデーション背景色を実現するJSメソッド
- WBOYオリジナル
- 2016-05-16 16:13:101883ブラウズ
この記事の例では、ページに入った時の背景色をグラデーションで実現するJSの方法を説明しています。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。
<html>
<head>
<title>JS实现的进入页面时的渐变的背景色效果</title>
<SCRIPT Language="JavaScript">
<!-- 屏幕变色程序 -->
function CBgColor(){
var color = 0, step = 1
//color为初始颜色，step为初始步长
while( color <= 0xffffff){
//在颜色变白(color=0xffffff)之前，不断将颜色值增加
document.bgColor = color
color += step
step <<= 8
//步长按位左移8位(乘以256)
if( step >= 0x1000000) step = 1
//如果步长过大则将其恢复到1
}
}
CBgColor()
//装入时调用背景变色程序
</Script>
</head>
<body onLoad="CBgColor()">
<p><b>渐变的背景颜色，感觉不错吧？</b></p>
</body>
</html>
この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。