個人練習用jQuery基本例文集：その１
| 順位 | 名前 | スコア | 称号 | 打鍵/秒 | 正誤率 | 時間(秒) | 打鍵数 | ミス | 問題 | 日付 |
|---|---|---|---|---|---|---|---|---|---|---|
| 1 | mikaroko | 1831 | F | 1.8 | 97.1% | 841.5 | 1587 | 46 | 34 | 2025/12/17 |
関連タイピング
-
個人練習用で作りました。解説なしです。
プレイ回数1329 英語長文1140打 -
解説なし、個人練習用につくりました。
プレイ回数717 英語長文1054打 -
個人練習用の英語長文です。
プレイ回数664 英語長文795打 -
動きのあるメニューバーのサンプルHTML、CSS
プレイ回数143 英語長文2586打 -
解説なしで、個人練習用のコードです。
プレイ回数412 英語長文327打 -
html,cssカーソルを合わせると動く画像
プレイ回数616 長文456打 -
flex３カラムサイト、サンプル
プレイ回数212 英語長文649打 -
個人練習用：サイトパーツ、アコーディオン
プレイ回数165 英語長文1379打
問題文
ふりがな非表示
ふりがな表示
($(".navi").click(function () { $(".bnavi").removeClass("active"); });)
$(".navi").click(function () { $(".bnavi").removeClass("active"); });
(if($('li').hasClass('close') { $('li').removeClass('close'); })
if($('li').hasClass('close') { $('li').removeClass('close'); }
($(".btn").click(function () { $(this).addClass("active"); });)
$(".btn").click(function () { $(this).addClass("active"); });
($(".btn").click(function () { $(this).toggleClass("active"); });)
$(".btn").click(function () { $(this).toggleClass("active"); });
($('.acc').children().addClass('active');)
$('.acc').children().addClass('active');
($(".btn").click(function())
$(".btn").click(function()
({$("table").find(".n").css("backgroundColor", "#ccc"); });)
{$("table").find(".n").css("backgroundColor", "#ccc"); });
($('.list').fadeIn(500); $("#logo").fadeOut(1000);)
$('.list').fadeIn(500); $("#logo").fadeOut(1000);
($('.btn').click(function(){ $('.article-block').hide(); });)
$('.btn').click(function(){ $('.article-block').hide(); });
($('.title').on('click', function() { $('.box').slideDown(500); });)
$('.title').on('click', function() { $('.box').slideDown(500); });
($('.title').on('click', function() { $('.box').slideUp(500); });)
$('.title').on('click', function() { $('.box').slideUp(500); });
($('.title').on('click', function() { $('.box').slideToggle(500); });)
$('.title').on('click', function() { $('.box').slideToggle(500); });
($('#top').click(function ())
$('#top').click(function ()
({ $('body,html').animate({ scrollTop: 0 }, 500); return false; });)
{ $('body,html').animate({ scrollTop: 0 }, 500); return false; });
($('.be-chil').children('ul').css("display","block");)
$('.be-chil').children('ul').css("display","block");
($('#page-link a').click(function ())
$('#page-link a').click(function ()
({ var elmHash = $(this).attr('href');)
{ var elmHash = $(this).attr('href');
(var pos = $(elmHash).offset().top;)
var pos = $(elmHash).offset().top;
($('body,html').animate({scrollTop: pos}, 500); return false; });)
$('body,html').animate({scrollTop: pos}, 500); return false; });
($("#box").append('<ul class="pagination">');)
$("#box").append('<ul class="pagination">');
など
($(".navi").appendTo(".box"))
$(".navi").appendTo(".box")
(var winw = $(window).width();)
var winw = $(window).width();
(var winh = $(window).height();)
var winh = $(window).height();
(var headerH = $("#header").outerHeight(true);)
var headerH = $("#header").outerHeight(true);
(var scroll = $(window).scrollTop();)
var scroll = $(window).scrollTop();
(var offsetTop = $('#area-2').offset().top;)
var offsetTop = $('#area-2').offset().top;
(var offsetLeft = $('#area-2').offset().left;)
var offsetLeft = $('#area-2').offset().left;
(var contentsTop = Math.round($('#area-3').offset().top);)
var contentsTop = Math.round($('#area-3').offset().top);
(var counter = $(".count-up").text();)
var counter = $(".count-up").text();
($("input#join-btn").prop("disabled", true);)
$("input#join-btn").prop("disabled", true);
(-)
-
(var className = $(".sort-btn li").attr("class");)
var className = $(".sort-btn li").attr("class");
(className = className.split(' ');)
className = className.split(' ');
($("."+className[0]).addClass("active");)
$("."+className[0]).addClass("active");