個人練習用jQuery基本例文集：その３
関連タイピング
-
解説なしで、個人練習用のコードです。
プレイ回数411 英語長文327打 -
自分練習用、英語長文
プレイ回数2687 英語長文1127打 -
html,cssカーソルを合わせると動く画像
プレイ回数614 長文456打 -
自分練習用、英語長文：夢について
プレイ回数578 英語長文542打 -
jQuery基本例文集です。解説なしです。
プレイ回数1011 英語長文1554打 -
解説なし、個人練習用につくりました。
プレイ回数715 英語長文1054打 -
ワードプレスでよく使う分岐文です。
プレイ回数740 長文記号1049打 -
フレックスボックスを使ったよくあるサイトパーツ
プレイ回数141 英語長文667打
問題文
ふりがな非表示
ふりがな表示
(function mediaQueriesWin(){)
function mediaQueriesWin(){
(var width = $(window).width();)
var width = $(window).width();
(if(width <= 768) { $(".navi").addClass('active'); })
if(width <= 768) { $(".navi").addClass('active'); }
(else{ $(".navi").removeClass('active'); } })
else{ $(".navi").removeClass('active'); } }
(-)
-
($(window).resize(function())
$(window).resize(function()
({ mediaQueriesWin(); });)
{ mediaQueriesWin(); });
(-)
-
($(window).scroll(function ())
$(window).scroll(function ()
({ $('.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'); } }); })
(-)
-
($('#page-top').click(function () {)
$('#page-top').click(function () {
($('body,html').animate({)
$('body,html').animate({
(}, 500); return false; });)
}, 500); return false; });
など
(-)
-
($('.title').on('click', function() {)
$('.title').on('click', function() {
(var findElm = $(this).next(".box");)
var findElm = $(this).next(".box");
($(findElm).slideToggle();)
$(findElm).slideToggle();
(if($(this).hasClass('close')){)
if($(this).hasClass('close')){
($(this).removeClass('close');)
$(this).removeClass('close');
(}else{ $(this).addClass('close'); });)
}else{ $(this).addClass('close'); });
(-)
-
($('.splashbg').o('animationend',)
$('.splashbg').o('animationend',
(function () {)
function () {
($('.fadeInTrigger').each(function(){var elemPos = $(this).offset().top-50;)
$('.fadeInTrigger').each(function(){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)
if (scroll >= elemPos
(-)
-
(windowHeight){)
windowHeight){
($(this).addClass('fadeIn'); }else{)
$(this).addClass('fadeIn'); }else{
($(this).removeClass('fadeIn'); } }); }))
$(this).removeClass('fadeIn'); } }); })
(-)
-
(setTimeout(function () {)
setTimeout(function () {
($("#splash-logo").fadeOut(1000); }, 1000);)
$("#splash-logo").fadeOut(1000); }, 1000);