はてなブックマーク

人気記事 ホームページ上でカウントダウンを実現するjQueryCountdownプラグイン - 59,166 viewsFacebookを複数のパソコンでログインする場合のセキュリティー設定 - 55,209 viewsjQueryプラグイン素晴らしいイメージスライダー10サンプル - 46,151 views遠近感や位置をうまく使って撮影された驚きの画像part2　100枚 - 31,021 viewsWebに疎いクライアント向けにWordPressの管理メニューを使いやすくする為のプラグイン・CMS Dashboard - 27,272 viewsCSS3でborderに影をつけるたような効果を与える方法 - 26,973 viewsWindowsの動作のトラブルを解決してくれるマイクロソフト公式ツールを使ってみた！ - 24,337 viewsHTML5を今から学ぶ人のための基本的な

サイトの顔トップイメージをスライダにしてみませんか？ サイトの顔といえばトップイメージです。jQueryを使えばトップイメージを簡単にイメージスライダーにすることができます。インパクト大ですね！数あるスライダの中から10選サンプル紹介します。 サイトのイメージにあわせてイメージスライダを選びましょう！ それぞれ魅せ方や機能が違うのでサンプルで動作確認してみてくださいね。 dualSlider 画像のほかに動画もスライド表示に埋め込むことができるイメージスライダ。便利です。

JavaScriptを使って操作する方法 コントローラーを表示させる javascriptによって専用のコントローラーを表示させて操作することができます。先ほどのaudio要素にinputタグでコントローラーを追加してみます。 <audio id="audio" controls> <source src="sample.ogg" type="audio/ogg"> <source src="sample.mp3" type="audio/mpeg"> <p>ブラウザがHTML5のaudioに対応していない場合はこの表示が出ます。</p> </audio> <br /> <input type="button" value="再生" onclick="myPlay()"> <input type="button" value="一時停止" onclick="myPause()"> <inp

つぶやき。。。 Fatal error: Uncaught exception 'Exception' with message 'String could not be parsed as XML' in /home/aside/www/select/wp-content/plugins/tweetable/mh_twitter_class.php:298 Stack trace: #0 /home/aside/www/select/wp-content/plugins/tweetable/mh_twitter_class.php(298): SimpleXMLElement->__construct('') #1 /home/aside/www/select/wp-content/plugins/tweetable/tweetable.php(337): Twitter_API->ra

head部記述　サンプル <script src="js/jquery.countdown.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $(function(){ $('#counter').countdown({ image: 'img/digits.png', startTime: '01:12:12:00' }); $('#counter_2').countdown({ image: 'img/digits.png', startTime: '00:05', timerEnd: function(){ alert('5秒経過しました!'); }, format: 'mm:ss' }); }); </script> スクリプト上部がサンプル1で下部がサンプル2の

マウスを重ねるとゆっくり変化するボタンがムーディーで良い！ マウスオーバーでパッと切り替わるボタンは良くありますが、こちらはFlashアニメーションのようにゆっくりとじわっと変化していくボタンをjQueryで実現する方法を紹介！ マウスを乗せるとゆっくりアニメーションするボタンサンプル アニメーションの変化速度はhead部に記述する『$span.stop().fadeTo(500, 1);』部の変更することで変化が可能となります。 head部記述サンプル <script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.otherbutton,.homebutton,.downloadbut

コメント コメントをお寄せください。 コメントの投稿 名前 (必須) メールアドレス (非公開) (必須) ウェブサイト コメントフィード トラックバックURL： http://select.rash.jp/photo_illu/347/trackback/ 人気記事 ホームページ上でカウントダウンを実現するjQueryCountdownプラグイン - 59,172 viewsFacebookを複数のパソコンでログインする場合のセキュリティー設定 - 55,239 viewsjQueryプラグイン素晴らしいイメージスライダー10サンプル - 46,162 views遠近感や位置をうまく使って撮影された驚きの画像part2　100枚 - 31,042 viewsWebに疎いクライアント向けにWordPressの管理メニューを使いやすくする為のプラグイン・CMS Dashboard - 27,