BELU 記事一覧

jQuery functionの遅延実行

2018-08-14 15:56webjQuery

setTimeout関数を使用して処理内容の遅延実行が可能です。

setTimeout(function(){
処理を書く
},3000);

setTimeout(function(){
	var headerHeight = $('header').outerHeight();
	$("body").css("margin-top", headerHeight);
},3000);

スクロール時、ページ上の余白びよよーんを防ぐには。

2017-08-16 03:17webCSS

body要素にoverscroll-behavior-y: none;を記述する。

body {
overscroll-behavior-y: none;
}

はじめて契約したプロバイダー

2017-03-29 18:59記事

はじめて契約したプロバイダーは、xaxon（ザクソン）です。
名前がかっこ良くて選んだような気が。
調べて見ると2001年にサービスが終了していた模様。
当時は、普通のアナログ回線を用いたインターネットで、
接続遅いは電話代かかるはで色々ありました。
チャットとかしてたな。懐かしい〜。

Illustrator CS5 角丸をパスに適用させる方法

2016-11-17 00:03Illustrator

効果 → スタイライズ → 角を丸くするで、角丸にした図形をパスに適用させる方法です。

メニューの「オブジェクト」 → 「アピアランスを分割」をクリックする。

jQuery 要素の値を取得・設定・削除

2016-04-13 23:51webjQuery

jQueryで要素にclassの設定・削除

//設定（追加）
$('要素').addClass('class名');
//削除 特定のクラス
$('要素').removeClass('class名');
//削除 すべてのクラス
$('要素').removeClass();

jQueryでstyle属性を取得・追加・削除

//ひとつ追加 : 既に存在するプロパティの場合上書きされる
$('要素').css('プロパティ','値');
//複数
$('要素').css({'プロパティ':'値','プロパティ':'値'});
//削除 : 空の値を与えることにより削除される
$('.test').css('プロパティ','');

jQueryのdata属性を取得・設定・変更

//取得
$('要素').data('data名');
//設定
$('要素').data('data名', '値');

正規表現でaタグを<a.*?</a>でマッチさせるのはダメ。

2016-02-13 16:05web

<a.*?</a>

だとaddressタグにもマッチしてしまう。

<a(?: .+?)?>.*?<\/a>

これが正解。

$('#selector').delay(5000).queue(function() {
$(this).addClass('hoge').dequeue();
});

setTimeout(function(){
$(this).addClass('hoge')
},3000);

setInterval(function(){
$('img').stop().animate({left:'+=' + '10' + 'px'},1000);
},3000);

jQueryで要素の高さを変更する。

2014-04-23 19:20jQuery

heightメソッドを使用して要素の高さの変更ができます。

$(window).height(300);

html要素

jQueryでウインドウの高さを取得するには、heightメソッドを使用する。

2014-04-14 17:44jQuery

heightメソッドを使用して要素の高さを取得できます。
セレクタにwindowを指定するとブラウザ内の高さを取得できます。

$(window).height();

WEB制作に役立つ情報を発信（関係無い記事もちらほらありますが...）