クリックで開閉するアコーディオンパネル
Result jQuery//最初以外を隠す $('#faq .answer').not(':first').hide(); //クリックイベント $('#faq .question').click(function() { //スライドの処理 if($(this).next('.answer').is(':visible')) { $(this).next('.answer').slideUp(300); } else { $(this).next('.answer').slideDown(300).siblings('.answer').slideUp(300); } });css.question { padding:5px; font-weight:bold; font-family:Arial; font-size:14px; border:1px solid #ddd; ba
移転先へ自動移動(転送/リダイレクト)させる方法 [ホームページ作成] All About
ウェブ上でのリダイレクト(Redirect)とは、あるURLから別のURLに転送することです。アクセスされた瞬間に自動移動させることで、転送された事実に気付かれないくらい一瞬で移動させることもできますし、転送の予告を数秒間ほど案内した後に自動移動させることもできます。 また、その移転が恒久的なのか一時的なのかを示すこともできます。この種別は、検索エンジンに対して「移転前のURLと移転先のURLのどちらを登録すれば良いのか？」を知らせる役にも立ちます。 ウェブサイトを移転した場合など、指定したURLに自動的に転送させたい ウェブサイト全体や、特定のページにアクセスしてきたユーザを、指定のURLに自動転送したい場合があります。例えば、以下のような場合です。 ウェブサイトを引っ越して、URLが変更になった場合 ウェブサイトの構造を改変して、一部のファイル名やディレクトリ名が変更になった場合 UR
![移転先へ自動移動(転送/リダイレクト)させる方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/2f74e537da7194542f88bb75ca52c83e8f100bf7/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F7%2F7%2F0%2Ftopimg_original.png)
クリッカブルマップを使ったロールオーバー｜Webクリエイターネット
Category Javascript 1枚の画像に複数のリンクを設定する際"クリッカブルマップ(イメージマップ)"を使用することで、複雑な形でもリンク領域を指定できますので結構便利です。 ｢このクリッカブルマップ(イメージマップ)で、指定領域にカーソルを合わせた時に画像をロールオーバー出来れば便利かも｣と思ったことはないでしょうか？ ちょっとしたJavascriptで簡単に実装できますので、今回はその方法をデモページも交えて紹介しようと思います。 Keyword：クリッカブルマップ,ロールオーバー,Javascrpt ロールオーバー用のスクリプトを用意する rollover.js /* Rollover Script */ if(navigator.appVersion.charAt(0) >=3){ var rolimg = new Array(); for( i = 0 ; i <
フリーのボタン素材を作ってみました。 | Design Plus
ウェブサイトは、WordPressテーマで効率よく制作する時代に入っています。 私たちは、この市場のニーズに応え、低コストでハイクオリティ、 そして、驚異的にインパクトのあるサイトが構築できるWordPressテーマTCDを開発し続けています。 美しいデザインのサイトを、どなたでもかんたんに運営可能です。 累計ユーザー数120,000を超える老舗トップブランド「TCD」テーマの威力をどうぞご堪能下さい。 WordPressテーマTCD 3つの特徴 テンプレートの領域を はるかに超越した美しいデザイン 世界で最も先進的で、スタイリッシュなテンプレートを作りたい。その基盤となるのはデザインである、という思いが私たちにはあります。美しく魅力的なデザインはそれだけで読み手の心を掴む力があるからです。デザインは「印象付け」をする大きな要素です。私たちは、あらゆるネットマーケティングのシーンであなたの
spﾓｰﾄﾞﾒｰﾙの設定
spモードメールの初期設定と、Wi-Fiでの受信設定を紹介します。spモードメールとは、今までのdocomoのメールを受信するためのアプリです。 spモードメールは、今までガラゲーで使っていた「@docomo.ne.jp」を送受信するためのアプリです。 iPhoneもそうでしたが、日本の携帯メールは世界から見るとちょっと特殊で、スマートフォンでリアルタイムに受信することができなかったのですが、ようやくAndroidでも携帯メールを受信できるようになりました。 iPhoneの「メッセージ」に比べると、ガラケーをそのままスマートフォンに移植した感じで使い方や見やすさはいまいちですが、デコメもちゃんと使えますし、フォルダ分けも可能です。 今回は初期設定の仕方と、Wi-Fiでspモードメールを受信する方法を紹介します。 アプリ一覧を開くと「spモード メール」というアイコンがあるので、タップして立
HTMLタグ/リンクタグ/別ページの特定部分へリンクする - TAG index
リンク先（到達点）の設定 まず、リンクの到達点となる任意の要素に、ID（識別名）を付けておきます。 以下の例では、h3要素に abc というID名を指定しています。 <h3 id="abc">ここがABCの位置</h3> リンク元（出発点）の設定 リンク元の href="" には、到達点のURIを指定します。 例えば、example2.html 内の abc という位置にリンクする場合は、URIは次のようになります。 <a href="example2.html#abc">ABCの位置へジャンプ</a> ファイル名の後にハッシュ（ # ）を入れ、続いて到達点のID名を記述します。 ID名について ID名を付ける際には、以下の点に注意してください。 1つのIDは、同じ文書内で1ヵ所にだけ使用できます。（重複させてはならない） 使用できる文字は、半角の英数字、ハイフン（ - ）、アンダーバー（
Mac用 無料のアンチウィルスソフト「Sophos Anti-Virus for Mac Home Edition」をインストールしてみた。
今まで、Mac用にはノートンの製品を利用してきましたが、MacOS用の無料アンチウィルスソフト「Sophos Anti-Virus for Mac Home Edition」が、なかなか評判が良いようでずっと気になっていたので、今更ながらインストールしてみました。 ちなみに、Windows環境の人は過去に紹介した、Microsoftが提供する無料のウィルス対策ソフトをお試し下さい。詳細は下記リンクから。 ● マイクロソフト製、無料のウィルス対策ソフト【Security Essentials】正式版が配布開始なのでインストールしてみました それでは早速、Sophos Anti-Virus for Mac Home Editionをインストール！ 【1】ダウンロード 【2】インストール 【3】初期設定とローカルドライブの検索 【4】パフォーマンス 【1】ダウンロード まずはダウンロードを。 ●
動画やWebページをクリックで表示するLightbox系javascript「Mediabox」
ホームページで、YouTube、WMP、SWF、MOV、WMVなどのサムネイル画像・文字をクリックして、 そのページ内で動画などを開く方法 ［Mediabox] Lightbox for Media Mediaboxは、lightbox系の動画メディアなどのコンテンツを再生するJavascriptである。 JSフレームワークにMooToolsを使用している。同じようなJavascriptに、画像も動画なども再生できるShadowboxがある。 Mediabox サンプル
メディアファイルのWebページ埋め込み｜jQuery plugin｜Ajax｜PHP & JavaScript Room
jQueryを使用した、WebページにFlashオブジェクトを埋め込むためのJavaScriptツール。 flashembed('myContainer', 'myflash.swf')のように記述するだけで、WebページにFlashオブジェクトを簡単に埋め込むことができます。 単一あるいは複数のFlashムービーをWebページに埋め込むだけでなく、クリックした時に再生が始まるように指定したり、Flash Playerのバージョンを取得して、指定したバージョン以下の場合に最新版のFlash Playerのダウンロードを表示するなどのサンプルも掲載されています。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.
jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳
もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 １）3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
個人的に気に入ってる10のLightbox系jQueryプラグイン及び、その特徴まとめ - かちびと.net
個人的に気に入ってよく使っている、又は いつか役に立ちそう、いずれ使いたい的な Lightbox風に拡大実装出来るjQueryプラグ インのまとめです。使うときにいちいち引っ 張り出しているのが面倒なのでまとめにして ついでにシェアしようと思って記事にします。 オーソドックスなものから、やや特徴的なもの、Twitterで「こんなのない？」って聞かれて探したものなど10個厳選です。特徴も一緒にメモしておきます。 なお、画像を使うjQueryプラグインにご興味が有るようでしたら、以前書いた画像を使ったいろいろなjQueryプラグイン224個まとめも参考にして頂けるかと思います。 colorbox 一番よく使っているかもしれません。MITライセンスで、グループ化⇒スライドも可能。また、iPhone、iPadでも動いて表示も崩れません。エフェクトも変更可能で、YoutubeやIframe、Flas
JavaScript無効時のレイアウト対処 - やっすぃぃぃー’ｓ ブログ
Javascriptを無効にしてブラウジングしている方は非常に少ないと思いますが、ちょっと気になることがあったのであれこれ考えていました。 というのは、ランキングに参加している「ブログの殿堂」ではランク順にブログのサムネイル画像が表示されているのですが、ある時期からウチのブログはスタイルシートが適用されておらず、味気ない画面となっている。「ブログの殿堂」のサムネイル作成するプログラムはJavascript非対応なんでしょう。 見に覚えはある・・・（笑）。「ＩＥ５．５の場合は別のスタイルシートに切り替える」でJavascriptでスタイルシートを振り分けるように手を加えたのでJavascript無効だとスタイルシートが適用されない。 ・・・ということで、今回対処を行うことにしました。他にもいろいろJavascript利用していますので、とりあえずなんとかなるようにしてみましょう。皆さんもご自
複数の画像のランダム表示をさせるJavascriptやCGIを知りませんか？ - 同サイズの異なる画像A,B,C,D,E,F,G…,... - Yahoo!知恵袋
複数の画像のランダム表示をさせるJavascriptやCGIを知りませんか？ 同サイズの異なる画像A,B,C,D,E,F,G…,からランダムに選んだ四つの画像を横に並べて表示させ、 それぞれにあらかじめ割り当てられたリンクを貼ってくれるような、CGIやJavascriptを探しています。 複数の画像から一つの画像を選択して表示するようなものは見つけることができたのですが、 複数の画像を表示するものが見つかりません。 どなたかご存知の方がいらっしゃいましたら教えていただければと思います。 よろしくお願いいたします。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.hostingjedi.com/tips/css/ie-haslayout-bug.html
http://wdr.watanabehiroki.net/2013/02/15/jquery-menu/
CGI/Perlフリー素材
MaxImageの上にマスクをかける方法 - jsdo.it - Share JavaScript, HTML5 and CSS
”住宅ローン”と”中古住宅の減価償却”と”個人事業”（その5） ★★★一生懸命頑張る個人事業主・中小企業を応援します！★★★
シェイプ Stripe03 - ナンヤカンヤのパターン素材
yaplog!（ヤプログ！）byGMO