今回は「ロールオーバー画像の実現方法」についてお話します。 ロールオーバー画像は、 グローバルナビ、サイドメニューなどの ボタンリンクによく使用されています。 ホームページをコーディングする際には 決して避けては通れない、 不可欠な技術と言えます。 JavaScriptなどで実現する方法もありますが、 cssプログですので、 もちろんcssによる実現方法を ご紹介します。 私からは ・直接画像を置く方法 ・テキストの置き換えを使った方法 の2パターンご紹介します。 直接画像を置く方法 ボタン画像をdivなどで囲み そのボタン画像を囲んだdivの背景に ロールオーバー時の画像を設定します。 わかりにくいですが、ボタンを囲んだものの背景に ロールオーバー時の画像を設定することで ボタンの下に、ロールオーバー時の画像が 隠れている状態です。 そして、ボタンをマウスオーバーした際に、 ボタンの表示
34 Comments Hey how is my website’s navigation meuu – http://www.techsplurge ? I think http://www.nue-media.com has a cool navigation to Great examples here, love them all. People are really starting to embrace custom menus as they are drifting away from using drop-down menus. love it .. Great examples Thank you for this list. This will really help, with my next project. These are fantastic – Real
「電子書籍を活用した教育スタイル創造研究会」 デジタル・ナレッジ、デジタルハリウッド、ボーンデジタル、ワークスコーポレーションは、iPadなどのメディア端末と電子書籍を教育現場で活用することを目的とした「電子書籍を活用した教育スタイル創造研究会」を発足させた。 ボーンデジタル、ワークスコーポレーションが権利を有する出版物を電子書籍化し、デジタル・ナレッジがiPadなどのメディア端末に搭載したデジタル教材のプロトタイプを作成。これをデジタルハリウッドが運営するスクール・大学・大学院の講師や学生が実際に学習で活用することで、その効果や課題を検証し、実際の教育現場での使用に耐えうる運用効率性と、高い教育効果を発揮できるデジタル教材の開発を進める。 同研究会での実験成果のサマリーは、レポートとして原則公開予定。活動状況は、随時Twitter(アカウントdigitalbook_edu)、専用ブログ公
Twitter、使ってますか? 皆さんこんにちは。突然ですがTwitterを使ってますか? 様々なメディアでもよく取り上げられているので使われている方も多いかと思います。筆者もどっぷりTwitterにハマっており、もはや手放せない、Twitter中毒状態になっています。筆者は最近よくIT勉強会に参加しているのですが、勉強会開催の情報は専らTwitterで知ることが多くなってきました。 Twitterで活躍するbot。botとは? 勉強会を参加するには当然開催情報を知る必要がありますが、そのためにとくに最近活用しているのがTwitterのbotアカウントです。botというのは、あたかも普通の人間が操作しているかのようにTwitter上で発言する、プログラムで制御されたアカウントです。 本連載では、このbotにフォーカスして解説をしていきます。 第1回目となる今回は、botの基礎情報について説
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く