JavaScript/ウィンドウ/ウィンドウを閉じるボタン - TAG indexリンクのクリックでウィンドウを閉じます。 メインウィンドウが閉じられようとした時は、警告メッセージが表示される場合があります。 サブウィンドウのソース <html> <head> <title>TAG index Webサイト</title> </head> <body> <p><a href="#" onClick="window.close(); return false;">サブウィンドウを閉じる</a></p> </body> </html>
Lightbox
Getting started Download a zip of the latest release (or any previous one) from the Github Releases page. Or install using npm: npm install lightbox2 --save Open up the zip file and take a peek at the barebones, working example that is included in the /examples folder. Ready to set Lightbox up on your page? Start by including the Lightbox CSS and Javascript. You can grab both these files from the
Refills - Patterns
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tincidunt pellentesque lorem, id suscipit dolor rutrum id. Morbi facilisis porta volutpat. Fusce adipiscing, mauris quis congue tincidunt, sapien purus suscipit odio, quis dictum odio tortor in sem. Ut sit amet libero nec orci mattis fringilla. Praesent eu ipsum in sapien tincidunt molestie sed ut magna. Nam accumsan dui at orci rhoncus
別のページに自動でジャンプ
「私のホームページは移転しました、10秒後に移動します」をするには下記のどちらかのソースを記述します。HTMLとJavaScriptがあります。
「吹き出し」をツールチップとして実装するjsいろいろ
マウスオーバー等で吹き出しが 現れるツールチップのまとめです。 jQueryが殆どになります。 吹き出しは画像やcssを変更 すれば別の形状にする事も可能 なのでうまく活用したいですね。 吹き出し以外のツールチップを実装できるjsをお望みでしたら以下の記事が参考になりそうです。 15 jQuery Plugins To Create A User Friendly Tooltip 40+ Tooltips Scripts With AJAX, JavaScript & CSS vTip 凄く可視性が高い吹き出し。フェードインで表示し、マウスオーバーの間はマウスストーキングします。使いやすそう。対象がテキストでも画像でもOK。試しに入れてみました。以下のリンクにマウスをあわせるとバルーンが現れます。角はcssで丸くしました。デフォルト状態だとマウスカーソルにarrow部分が重なってしまうので
Creating a polaroid photo viewer with CSS3 and jQuery
Italy. A beautiful country that my girlfriend and me visited last year during our summer holiday. While we were there, we took a lot of pictures that would look pretty nice on polaroid. Placing them on simple polaroids on a webpage simply didn’t do it for me. I wanted to drag them around, rotate them and still have a fun time. That’s were CSS and jQuery come in play. By combining the CSS3 Box Shad
jQueryプラグイン サンプル（画像系）：skuare.net
JavaScriptライブラリのjQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavascriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、画像関連のjQueryプラグインを紹介しています。 JSONファイルから画像スライダーを作成するjQueryプラグイン「jsonslider」 JSONファイルに画像パスなどのデータが格納されている場合、処理を入れて画像スライダーにするのはそれなりの手間です。 jQueryプラグインのdcdeiv/jsonslider · GitHubを利用することでその手間が少し軽減できるかもしれません。 via：dcdeiv/jsonslider
要素を切り替えるJavaScript「jShowOff: a jQuery Content Rotator」
要素を切り替えるJavaScriptは多くありますが、自分の好みが見つからないかもしれません。 今回紹介するjShowOff: a jQuery Content Rotator Pluginも選択肢のひとつにしていただければと思います。 sponsors 使用方法 jShowOff: a jQuery Content Rotator Pluginからファイル一式をダウンロードします。 <link rel="stylesheet" href="jshowoff.css" type="text/css"> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.jshowoff.js"></script> <script type="tex
第3回 トップページを彩るスライドショーのポイント | gihyo.jp
その他、speedやtimeout、pause（0：マウスオーバ時にスライドをストップしない、1：マウスオーバ時にスライドをストップする）などで細かく動きを指定することもできます。 そのほかにも指定可能なオプションはたくさんあり、「jQuery Cycle Plugin - Option Reference」で確認することができます。 スライドのコンテンツとナビゲーションを指定する 次に、bodyタグ内のXHTMLソースを見ていきます。 XHTMLソース（bodyタグ内） <div id="slider"> <div id="slideshow"> <div class="slider-item"> <div class="text_item"> <h2>Wonderful elephants<br /> living abroad.</h2> <p>フェードイン&アウトするシン
JavascriptのみでRSSを表示するGoogle AJAX Feed API｜ぞえぞえねっと
RSSを表示する時にCGIやPHPだと導入できるパターンが多く、動かないサーバだと問題があったりします。 JavascriptのみでRSSを表示する「Google AJAX Feed API」というのがあり、これだと、どのサーバでも動作します。 Google AJAX Feed API への登録 Google AJAX Feed API への登録ページに行きます。 利用規約を読んだ上でこれに同意しますにチェックをします。 使用するウェブサイトの URLにURLを記入します。 APIキーを生成ボタンを押します。 生成されたキーが表示されます。 ぞえぞえねっとを登録した場合、下記のコードでした。 ABQIAAAA7_2e7OzfQnVgCZgpBhg3_RRuFDZRL6kVjV5uEtK0eNiWSesqyRQLz2Yqzy4YWkbEdJbTDPQHNS4Itg サンプルコードも記載されて
５・６年生にもわかるやさしいJavaScript
５・６年生にもわかるやさしいJavaScriptは下記URLに移転しました。 お気に入りやブックマーク、リンクをしていただいている方は変更をお願いします。 新URL http://clap96.web.fc2.com/masapine/java_top.html ※10秒後に自動的に移動します。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
