はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ ロールオーバー

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 11 / 11件)
 

ジュニアNISAのロールオーバー - たぱぞうの米国株投資

2017/11/18 このエントリーをはてなブックマークに追加 52 users Instapaper Pocket Tweet Facebook Share Evernote Clip ジュニアNISA 積立NISA ヒント-備忘録 米国株投資

2017 - 11 - 19 ジュニアNISAのロールオーバー 投資のヒント 投資のヒント-備忘録 スポンサーリンク ジュニアNISAとロールオーバー ジュニアNISAは年間80万円までを非課税枠で子ども名義の口座で積み立てていくことが可能な制度です。これに関してはセゾン投信さんが分かりやすい図表を作成されていますので、下記に紹介します。 ジュニアNISA|積立投資・つみたてNISA(積立NISA... 続きを読む

jQuery:よく使用される機能をまとめて実装できるプラグイン | NxWorld

2013/05/30 このエントリーをはてなブックマークに追加 406 users Instapaper Pocket Tweet Facebook Share Evernote Clip アコーディオン 備忘録 jQuery NxWorld 散乱

引き続きjQuery関連の備忘録。スムーススクロール・タブ切り替え・ロールオーバー・アコーディオンなどといった、サイト制作時によく使われる機能をまとめて実装することができるプラグインのまとめです。予め使用する機能がはっきりわかっていれば、こういった便利なものを使用することでファイルの散乱も防げますし、管理もしやすくなりますね。紹介するプラグインの中には必要な機能だけを選択してダウンロードできたりも... 続きを読む

ミニマリズムなウェブデザインから学ぶ、5つの機能的な特徴 | コリス

2011/10/31 このエントリーをはてなブックマークに追加 110 users Instapaper Pocket Tweet Facebook Share Evernote Clip ミニマリズム コリス ウェブデザイン グリッド ナビゲーション

ミニマリズムなウェブデザインからユーザーが本当に必要とする機能を学び、散らかったウェブデザインから卒業する方法を紹介します。 下記は各ポイントを意訳したものです。 テキストベースのナビゲーション グリッド カラーの効果的な使い方 より多くの画像、より少ないテキスト ハイパーミニマリスト テキストベースのナビゲーション 画像のロールオーバーを持っていないテキストベースのナビゲーションです。これはユー... 続きを読む

画像を矩形以外の形状で表示したい人のためのチュートリアル | コリス

2011/10/19 このエントリーをはてなブックマークに追加 60 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス チュートリアル サムネイル CSS 枚数

デモページ もう一つのサークル状のデモは、下記ページのギャラリーのサムネイルとして使用されています。 Roundfolio 画像の枚数が少ないのであれば個別に画像を作成してもよいかもしれませんが、このデモのように数多くあると、このテクニックを使用した方がより効率よく実装できます。 サークル状に使用する画像3種類 制作:HTML, CSS, JavaScript HTML ロールオーバーとマスク用に... 続きを読む

[CSS]画像のロールオーバーにフェード効果を与える方法の理想と現実 | コリス

2011/03/03 このエントリーをはてなブックマークに追加 93 users Instapaper Pocket Tweet Facebook Share Evernote Clip span コリス CSSスプライト CSS アニメーション

CSSスプライトを使用した画像のロールオーバーにアニメーションでフェード効果を与える際の、妥当な実装方法、理想の実装方法、現実の実装方法を紹介します。下記は各ポイントを意訳したものです。最初の方法:妥当二番目の方法:理想三番目の方法:現実デモでは、上から順番に実装されています。最初の方法:妥当HTML元のエレメント内にspanを一つ配置します。確かにこれは余分のマークアップと感じるかもしれませんが... 続きを読む

[JS]jQueryを使用したプリロード(画像の先読み)用のスクリプト | コリス

2010/08/02 このエントリーをはてなブックマークに追加 220 users Instapaper Pocket Tweet Facebook Share Evernote Clip functio プリロード jQuery コリス ギャップ

ロールオーバーで画像を変更する際に使用するプリロード用のjQueryを使用したスクリプトを紹介します。 Preloading Images with jQuery and JavaScript ロールオーバー時に表示する画像をその都度ダウンロードして表示すると時間のギャップが生じます。その時間の遅れを避けるために、画像を事前にバックグラウンドで読み込みます。 JavaScript (functio... 続きを読む

超シンプル!hover画像作る必要ナシ、CSSだけで、画像をロールオーバー!|しらさかブログ

2010/04/28 このエントリーをはてなブックマークに追加 636 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS ナシ 画像 ブログ

しらさかブログ どうも白坂です。IT企業らしくちょっと本気で(すこしかっこつけて)ブログを書こうと思います。 PR プロフィール [ルームを見る|なうを見る] ニックネーム:シラサカショウ 性別:男子 誕生日:ハロウィンin 1984 血液型:A+ 出身地:山梨県 自己紹介: 都内のweb制作会社の取締役してます。 じつは、元自衛隊です。 :: W E L C O M...>>続きをみる ブログジ... 続きを読む

CSSでロールオーバーもどき[to-R]

2007/07/18 このエントリーをはてなブックマークに追加 355 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS to-R Alt レンタルサーバー IMG SRC

CSSでロールオーバーもどき 【PR】初心者でも安心なレンタルサーバー。263円から使えます。 【PR】HP登録でSEO対策!アクセスアップにコチラ! ロールオーバーの際に画像の輝度を上げるやり方がありますけど、CSSで簡単にできます。 XHTMLソース <a href="http://blog.webcreativepark.net"><img src="./tor.gif" alt="to-R... 続きを読む

ソースがシンプルなJSによるロールオーバー|CSS HappyLife

2007/06/20 このエントリーをはてなブックマークに追加 520 users Instapaper Pocket Tweet Facebook Share Evernote Clip 略語 CSS HappyLife 本題 ご用 CSS

Webは略語じゃないのに「WEB」って書く人が多いのが気になって仕方ない今日この頃。(あ、音声ブラウザを配慮したらという場合です) さて、本題に。 CSSのみでロールオーバーするテクニックは有名でございますが、ココ最近JSでいいじゃん。と思うようになってます。 ってことで、こんなサイト名ですけどJavaScriptでやるロールオーバーの方法のひとつでも。 ---- こっから続き jsファイルのご用... 続きを読む

web.paulownia.jp - ロールオーバーのオブジェクト指向的実装

2005/12/26 このエントリーをはてなブックマークに追加 144 users Instapaper Pocket Tweet Facebook Share Evernote Clip

Java等のオブジェクト指向はクラスベースのオブジェクト指向と呼ばれる。一方、JavaScriptはプロトタイプベース、あるいはインスタンスベースオブジェクト指向と呼ばれる。 クラスベースは、まずクラスを定義し、クラスを型とするインスタンスを作成することでプログラミングする。プロトタイプベースによるオブジェクト指向では、クラスの定義は必須ではなく場合によってはクラスという概念自体が存在しない。既存... 続きを読む

Lucky bag::blog: リモートロールオーバーを CSS だけでやってみる

2005/08/26 このエントリーをはてなブックマークに追加 98 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS Lucky Bag Blog Roll div id

この記事が属するカテゴリー CSS リモートロールオーバー、つまり、離れた部分の画像をロールオーバーで変化させる動作は、JavaScript を使わずに CSS だけででも可能。今は無くなってるっぽいんだけど、一時、adaptive path でも使われていてたやつを参考に、サンプルを作ってみた。 remote.html サンプルの (X)HTML コードは下記の通り。 <div id="roll... 続きを読む

 
(1 - 11 / 11件)