JS効果のマウスクリックは自動的に愛の効果を表示し、
1の<script> 2!関数(E、T、A){ 3 関数R(){ 4 用(VARの E = 0; E <s.length; E ++)S [E]、α<= 0?(t.body.removeChild(S [E] .EL)、s.splice(例えば、1)):(S [E] .y--、S [E] .scale + = 0.004、S [E] 、α - = 0.013、[E] .el.style.cssText = "左:" S + S [E] .X + "PX;上部:" + S [E] .Y + "PX;不透明度:" + S [E]、α+ [E] + S ";:;変換スケール(" + S [E] .scale + "" + S [E] .scale + ")は、バックグラウンド(45deg)を回転させます"。カラー+ "; Zインデックス:99999" )。 e.onclick && e.onclick。 9 e.onclick = 関数(E){ 10 T && T()、 11 O(E) 12 } 13 } 14 関数O(E){ 15 のvar A = t.createElement( "DIV" )。 16 a.className = "心臓" 、 17 s.push({ 18 EL: 19 X:e.clientX - 5 、 20 Y:e.clientY - 5 、 21 スケール:1 、 22 アルファ:1 、 23 色:C() 24 })、 25 t.body.appendChild(A) 26 } 27 関数I(e)の{ 28 のvar A = t.createElement( "スタイル" )。 29 a.type = "テキスト/ cssの" ; 30 試み{ 31 a.appendChild(t.createTextNode(E)) 32 } キャッチ(T){ 33 a.styleSheet.cssText = E 34 } 35 t.getElementsByTagName( "ヘッド")[0] .appendChild(A) 36 } 37 関数C(){ 38 リターン "RGB(" + ~~(255 * Math.random())+ "" + ~~(255 * Math.random())+ " 、」+ ~~(255 * Math.random())+ ")" 39 } 40 VAR S = []; 41 e.requestAnimationFrame = e.requestAnimationFrame || e.webkitRequestAnimationFrame || e.mozRequestAnimationFrame || e.oRequestAnimationFrame || e.msRequestAnimationFrame || 42 関数(E){ 43 のsetTimeout(例えば、1E3 / 60 ) 44 }、 45 I(」心{幅:10pxの;高さ:10pxの;位置:固定された背景:#1 F00;変換:回転(45deg); - WebKitの-変換:回転(45deg); - MOZ-変換:回転(45deg)。 } .heart:後、.heart:{コンテンツの前に: '';幅:継承;高さ:継承;背景:継承;ボーダー半径:50%; - WebKitのボーダー半径:50%; - MOZ-BORDER-半径:50%;位置:固定;}心臓:{上部後:-5px;}心臓:前{左:-5px;}」)、 46 N()、 47 R() 48 }(ウィンドウ、ドキュメント); 49 </ SCRIPT>
どのように使用するには?
あなたのウェブサイトに上記のコードをコピーしてあなたは、あなたが所有することができ下部にして、新しいもののjsファイルストレージを作成します。〜少し気分を参照してください。footer FVDI J2534
ハハ、これはとても簡単です。。
[OK]を、Benpianが終了し、このスイッチドを読んでいただきありがとうございます:https://www.chinaobd2.com/