個人練習用jQuery基本例文集：その２
関連タイピング
-
動きのあるメニューバーのサンプルHTML、CSS
プレイ回数143 英語長文2586打 -
個人練習用：サイトパーツ、ボトムアイコン
プレイ回数133 英語長文1295打 -
h2やh3のデザインのcssです。解説なしです。
プレイ回数340 英語長文980打 -
html,cssカーソルを合わせると動く画像
プレイ回数616 長文456打 -
jQuery基本例文集です。解説なしです。
プレイ回数1015 英語長文1554打 -
beforeとafter要素を使った装飾です。
プレイ回数324 英語長文517打 -
個人練習用で作りました。解説なしです。
プレイ回数1329 英語長文1140打 -
個人練習用：並び変え、間隔の調整、縦方向の揃えなど基本のまとめ
プレイ回数355 英語長文813打
問題文
ふりがな非表示
ふりがな表示
(var headerH = $('#header').outerHeight(true);)
var headerH = $('#header').outerHeight(true);
(var scroll = $(window).scrollTop();)
var scroll = $(window).scrollTop();
(if (scroll >= headerH){ $('.btn').addClass('fadeDown'); })
if (scroll >= headerH){ $('.btn').addClass('fadeDown'); }
(else{ $('.btn').removeClass('fadeDown'); })
else{ $('.btn').removeClass('fadeDown'); }
(-)
-
(function fadeAnime(){)
function fadeAnime(){
($('.fadeInTrigger').each(function(){)
$('.fadeInTrigger').each(function(){
(var elemPos = $(this).offset().top-50;)
var elemPos = $(this).offset().top-50;
(var scroll = $(window).scrollTop();)
var scroll = $(window).scrollTop();
(var windowHeight = $(window).height();)
var windowHeight = $(window).height();
(if (scroll >= elemPos - windowHeight){)
if (scroll >= elemPos - windowHeight){
($(this).addClass('fadeIn'); })
$(this).addClass('fadeIn'); }
(else{ $(this).removeClass('fadeIn'); } });)
else{ $(this).removeClass('fadeIn'); } });
($(window).scroll(function (){ fadeAnime(); });)
$(window).scroll(function (){ fadeAnime(); });
($(window).on('load', function(){ fadeAnime(); });)
$(window).on('load', function(){ fadeAnime(); });
(-)
-
(var headerH = $("#header").outerHeight(true);)
var headerH = $("#header").outerHeight(true);
($(".scroll-point").each(function(i) {)
$(".scroll-point").each(function(i) {
(elemTop[i]=Math.round(parseInt)
elemTop[i]=Math.round(parseInt
(($(this).offset().top-headerH)); });)
($(this).offset().top-headerH)); });
など
(-)
-
($("#logo").delay(900).fadeOut('slow');)
$("#logo").delay(900).fadeOut('slow');
(-)
-
($('#page-top').click(function () {)
$('#page-top').click(function () {
($('body,html').animate({)
$('body,html').animate({
(scrollTop: 0 }, 500); return false; });)
scrollTop: 0 }, 500); return false; });
(-)
-
(if (scroll >= 100){ $('#page-top').removeClass('DownMove');)
if (scroll >= 100){ $('#page-top').removeClass('DownMove');
($('#page-top').addClass('UpMove'); }else{)
$('#page-top').addClass('UpMove'); }else{
(if($('#page-top').hasClass('UpMove')){)
if($('#page-top').hasClass('UpMove')){
($('#page-top').removeClass('UpMove');)
$('#page-top').removeClass('UpMove');
($('#page-top').addClass('DownMove'); } })
$('#page-top').addClass('DownMove'); } }