この記事の例では、JSが冷たい波のテキストの特殊効果を実装する例を示しています。参照のためにそれを共有してください。特定の実装方法は次のとおりです。
次のようにコードをコピーします:<html>
<head>
<Title> JSは冷たい水波のテキスト効果を実装しています</title>
</head>
<body bgcolor = "#000000" onload = "if(document.all)wave()">
<center>
<div id = 'water' style = 'position:recarty; width:400px; height:150px; font-family:verdana; font-size:50px; color:#8080ff'>
</div>
</center>
<スクリプト言語= "javascript">
<! -
if(document.layers){// nsの場合
アラート(「ブラウザはこの特殊効果をサポートしていません」); //プロンプトを作成します
}
else //それ以外の場合(nsではありません)
if(document.all){// ieの場合
var step = 3; //変更効果のステップ長を設定します
var xStep = 0;
var msg = '歓迎<br> wulin.com <br> jb51.cn';
water.innerhtml = msg //効果層のコンテンツを設定します
function wave(){
//この文は、レイヤーのスタイルを設定するために使用されます。ここで、フィルターの位相属性はXSTEPの値に従って動的に設定されます。
document.all.water.style.filter = 'wave(freq = 3、strength = 5、phase ='+xstep+'、lightstrength = 45、add = 0、enabled = 1)';
XSTEP+=ステップ;
//ステップ値に従ってXSTEPの値を変更して、次にレイヤースタイルが更新されるときにリップル角度がわずかに変化するように
Timer = setimeout( 'wave()'、10); //次の変更の遅延を設定します
}
}
//->
</script>
</html>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。