transformプロパティとjQueryでアナログ時計を作ってみた【CSS Advent Calendar 2017】4日目 - ハンドルネームの由来は乳製品好きから
はじめに この記事は CSS Advent Calendar 2017 4日目の記事です。 Webデザインの参考になるものを探しにギャラリーサイトを見ていたところ、以下のサイトを見つけました。 www.kotorinoyu.jp 現在時刻がアナログ時計風に表示されていることにかなり興味を持ちました。 自分でも作れるかも？と思い、CSS と jQuery で作ってみました。 概要 時間の針、分の針の div 要素を用意 JS で現在時刻を取得 時間と分の数値から角度を計算し transform 要素の rotate で角度をつける 秒針も作ってみた スムーズに回転するように transition をつけてみた この秒針と transition によってかなり厄介なことに…… 完成物 Codepen にアップしました。 codepen.io 制作のメモ transition-timing-fu
jQueryでページ読み込み中にローディング画面を表示する方法｜Gimmick log
TOPjQuery jQueryでページ読み込み中にローディング画面を表示する方法 jQueryでページ読み込み中にローディング画面を表示する方法 公開日：2015.11.20 更新日：2020.05.19 jQuery, ローディング jQueryでローディング画面を実装しました。 全てのページの内容が読み込まれたらローディング画面が非表示になる仕様です。 2GRAVITY様の方法を参考にさせていただいています。 jQueryを使わずにjavaScriptで実装するプラグインはこちら デモページ 実装方法 html ロード画面とロード後に表示させたい要素を個別に括っておきます。 <div id="loader-bg"> <div id="loader"> <img src="img-loading.gif" width="80" height="80" alt="Now Loading.
jQueryでフッターまでスクロールしたらアクションを起こす | NeGiMeMo.net
bell賞味期限切れコンテンツ この記事は公開または最終更新から1272日くらい経過しています。 このメッセージが表示されている記事（特にプログラミング系）は情報が古くなっている可能性があるので注意して下さい。 現在作成中のテーマで、 ヘッダー メイン部分 position:fixed なフッター 普通のフッター みたいな構造で、position:fixed なフッターにはページ上部に戻したり、パンくずをいれるような作りにしていて、それがページ下部に張り付き、 ページを下までスクロールして普通のフッターが現れたらそこで fixed を解除、フッターの真上に position:fixedだったフッターを配置する、というのがやりたくて（文字だと説明が難しいな…）いろいろ調べてたのですが、なんとかなったのでとりあえずメモ。 そもそも何がしたいのかこれじゃ伝わりにくいですね。 ようは、フッターが上
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTMLとCSSだけで簡単に作れる！ トグルボタンの作り方！！