Python matplotlibを使って学ぶ統計処理 正規分布 新しいページはコチラ
提供: yonewiki
(→アニメーションマーカー) |
(→アニメーションマーカー) |
||
152行: | 152行: | ||
<script> | <script> | ||
− | $<span>(</span>window).scroll<span>(</span>function (){ | + | $<span><span>(</span></span>window<span>)</span>.scroll<span><span>(</span></span>function <span>(</span><span>)</span>{ |
− | $(".marker-animation").each(function(){ | + | $<span>(</span>".marker-animation"<span>)</span>.each<span>(</span>function<span>(</span><span>)</span>{ |
− | var position = $(this).offset().top; //ページの一番上から要素までの距離を取得 | + | var position = $<span>(</span>this<span>)</span>.offset<span>(</span><span>)</span>.top; //ページの一番上から要素までの距離を取得 |
− | var scroll = $(window).scrollTop(); //スクロールの位置を取得 | + | var scroll = $<span>(</span>window<span>)</span>.scrollTop<span>(</span><span>)</span>; //スクロールの位置を取得 |
− | var windowHeight = $(window).height(); //ウインドウの高さを取得 | + | var windowHeight = $<span>(</span>window<span>)</span>.height<span>(</span><span>)</span>; //ウインドウの高さを取得 |
− | if (scroll > position - windowHeight){ //スクロール位置が要素の位置を過ぎたとき | + | if <span>(</span>scroll > position - windowHeight<span>)</span>{ //スクロール位置が要素の位置を過ぎたとき |
− |  $(this).addClass('active'); //クラス「active」を与える | + |  $<span>(</span>this<span>)</span>.addClass<span>(</span>'active'<span>)</span>; //クラス「active」を与える |
} | } | ||
− | }); | + | }<span>)</span>; |
− | }); | + | }<span>)</span>; |
</script> | </script> | ||
185行: | 185行: | ||
.marker-animation { | .marker-animation { | ||
− | background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%); | + | background-image: -webkit-linear-gradient<span>(</span>left, transparent 50%, rgb<span>(</span>255,250,153<span>)</span> 50%<span>)</span>; |
− | background-image: -moz-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%); | + | background-image: -moz-linear-gradient<span>(</span>left, transparent 50%, rgb<span>(</span>255,250,153<span>)</span> 50%<span>)</span>; |
− | background-image: -ms-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%); | + | background-image: -ms-linear-gradient<span>(</span>left, transparent 50%, rgb<span>(</span>255,250,153<span>)</span> 50%<span>)</span>; |
− | background-image: -o-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%); | + | background-image: -o-linear-gradient<span>(</span>left, transparent 50%, rgb<span>(</span>255,250,153<span>)</span> 50%<span>)</span>; |
− | background-image: linear-gradient(left, transparent 50%, rgb(255,250,153) 50%); | + | background-image: linear-gradient<span>(</span>left, transparent 50%, rgb<span>(</span>255,250,153<span>)</span> 50%<span>)</span>; |
background-repeat: repeat-x; | background-repeat: repeat-x; | ||
207行: | 207行: | ||
</style> | </style> | ||
+ | |||
+ | |||
+ | |||