毎年恒例のクリスマスがまたやって来ます。まず、皆様の一年のご多幸とご健康、そして永遠の平和をお祈り申し上げます。この特別な日は、いたるところでお祭りの雰囲気が漂い、空に降る雪の結晶がさらにロマンチックな雰囲気を醸し出します。今日は、ブログに渦巻く雪のエフェクトを追加する方法を説明します。今日あなたがいるところでは雪が降っていますか?

まず、次のページで jQuery ライブラリと jQuery.snow.js (または圧縮バージョンの jQuery.snow.min.js を使用) を紹介します:
Blog Park 自体がすでに jQuery を導入しているため、Blog Park の友人は jQuery を導入する必要はありません。ブログ ガーデンに参加していない友人も、Google CDN が提供する jQuery を使用できます:
<script> <div class="codebody" id="code61472">$(document).ready( function() { <BR>$.fn.snow( ); <BR>}); <BR></script>
$.fn.snow = function(options){
var $flake = $('
').css({'position': 'absolute', 'top': '-50px'}).html('❄'),
documentHeight = $(ドキュメント)。 height()、
documentWidth = $(document).width()、
defaults = {
minSize : 10、
maxSize : 20、
newOn : 500、
flakeColor : "#FFFFFF"
} ,
options = $.extend({},defaults, options);
var interval = setInterval( function(){
var startPositionLeft = Math.random() * documentWidth - 100、
startOpacity = 0.5 Math.random()、
sizeFlake = options.minSize Math.random() * options.maxSize、
endPositionTop = documentHeight - 40、
endPositionLeft = startPositionLeft - 100 Math.random() * 200 ,
durationFall = documentHeight * 10 Math.random() * 5000;
$flake
.clone()
.appendTo('body')
.css(
{
left: startPositionLeft,
opacity: startOpacity,
'font-size': sizeFlake,
color: options.flakeColor
}
)
.animate(
{
上: endPositionTop,
左: endPositionLeft,
不透明度: 0.2
},
durationFall,
'linear',
function( ) {
$(this ).remove()
}
);
})(jQuery); 🎜>
庭にいる友達は、次のコードを (管理 -> 設定 -> フッター HTML コード) に追加するだけです。これは簡単ではありません。
注意事項: エスケープされるため、ここでスノーフレークのエンコーディングにスペースを追加してください。HTML('& #10052; 内の & # の間のスペースを削除することを忘れないでください。 ') 。
<script> ($) {$.fn.snow=function(options){var $flake=$('<div id="flake" />').css({'position':'absolute','top' :'- 50px'}).html('& #10052;'),documentHeight=$(document).height(),documentWidth=$(document).width(),defaults={minSize:10,maxSize:20 ,newOn: 500,flakeColor:"#FFFFFF"},options=$.extend({},defaults,options);var interval=setInterval(function(){var startPositionLeft=Math.random()*documentWidth-100,startOpacity =0.5 Math .random(),sizeFlake=options.minSize Math.random()*options.maxSize,endPositionTop=documentHeight-40,endPositionLeft=startPositionLeft-100 Math.random()*200,durationFall=documentHeight*10 Math.random ()* 5000;$flake.clone().appendTo('body').css({left:startPositionLeft,opacity:startOpacity,'font-size':sizeFlake,color:options.flakeColor}).animate({top :endPositionTop, left:endPositionLeft,opacity:0.2},durationFall,'linear',function(){$(this).remove()});},options.newOn);};})(jQuery); >$.fn.snow({ minSize: 5, maxSize: 50, newOn: 1000, flakeColor: '#FFF' });</script>