サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
テキストをランダムでフェード表示させて、アニメーションで整列させていくっていうのをjQueryで作りたく色々と試しながらなんとかできたのでプラグイン(jquery.random.text.return.js)にしてみました。ぶっちゃけほぼ使い道がなさそうなプラグインですけど。。ということで以下使い方です。 使い方 とりあえずサンプルみた方が早いので以下のページから見れます。 サンプル 使い方はめっちゃ簡単です。以下のページからファイルをダウンロードします。 ダウンロードページ head内にjQuery本体とダウンロードしたプラグインを読み込みます。 <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=1.7.1'></script> <
この順序で指定するのが必須というわけではありませんが、durationとdelayの順序だけは決まっており、逆にすることが出来ません。 記述例) transition /* * @transition-duration * @transition-property * @transition-timing-function * @transition-delay */ transition: .3s background ease .5s; 当記事執筆時点(2012年11月)では、このプロパティに対してベンダープレフィックスをつけて指定することになります。 ベンダープレフィックスをつけてみた - transition -webkit-transition: .3s background ease .5s; -moz-transition: .3s background ease .5s;
<script type="text/javascript"> $(function(){$("#Run_ani03").click(function(){ var min_f = "12px"; // 元のフォントサイズ var max_f = "72px"; // 拡大フォントサイズ var tm01 = 500; // 拡大縮小時間間隔 var kaisuu01 = 15; // 回数 for (var i=1; i < kaisuu01; i++){ $(this) .animate({fontSize:max_f}, tm01) .animate({fontSize:min_f}, tm01);} });}); </script>
最近多くの英語サイトのソースで見られるJavaScriptにcufon.jsと言うのがあります。 これはJavaScriptを使用して、テキストを好きなフォントで表示できるものです。 Google Font APIが出ましたが、まだまだ数が少ないです。 こだわりのある方は、フォントを選択できるcufo'n - fonts for the peopleを使用するのも良いのではないでしょうか。 ※フリーフォントのみで・・ sponsors 使用方法 cufo'n - fonts for the peopleからcufon.jsをダウンロードします。 また、表示させたいフォントをjs化します。 今回は、1001 Free Fonts - Download Free Fonts for Windows and MacintoshからHawaiiLoverというフォントを使用してみました。 ダウンロ
JavaScriptでテキストを効果付きでローテション表示「jLetter - jQuery text rotator plugin」 ローテション表示させるバナー画像を作るのはちょっと面倒・・・ そんなあなたには、jQuery text rotator plugin - jLetterが良いかもしれません。 テキストに動きをつけてローテションさせられ、ちょっとインパクトを与えられそうです。 sponsors 使用方法 jQuery text rotator plugin - jLetterからファイルをダウンロード。 <link type="text/css" href="jletter.css" rel="stylesheet" /> <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script t
JavaScriptライブラリのjQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavascriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、テキスト・リンク関連のjQueryプラグインを紹介しています。 テキスト表示を印象的にする動きを付与!jQueryプラグイン「jQuery TextFX」 アクセス時にタイトルなどを動きをもたらせると目がいき印象的になります。 また本文にも注目をしてくれる可能性が高まります。 jQueryプラグインのjQuery TextFXを使用すると簡単に実現できます。 via:jQuery TextFX
ルパンのタイトルコールみたいなやつ。 Audio() 使ってみました。 最初の読み込みで時間がかかります。ボタンが「Play!」になったらクリックしてください。 Chrome 17.0.928.0 dev で確認済みです。 Firefox 8.0 だと、ちゃんと音が出ませんでした。 Safari 5.1.1 だと動作しません。 $(function(){ // =================================================== var audioType; var audioTitle; var uiTitle = $('#title'); var onClickPlay = function() { uiTitle.html(''); $('#controll').hide(); uiTitle.show(); var chars = $('#text
ルパン三世のアレです。いわゆるタイプライターです。 使い道がまったく思いつかないが、大丈夫か? 使い方 <html> <head> <script src="js/jquery-1.4.3.min.js" type="text/javascript"></script> <script src="js/jquery.rupin.js" type="text/javascript"></script> <script> $(function() { $('#sample').rupin(); }); </script> </head> <body> <div id="sample">ロシアより愛をこめて</div> </body> </html> サンプル ロシアより愛をこめて ルパンは燃えているか…?! 魔術師と呼ばれた男 さらば愛しき魔女 脱獄のチャンスは一度 十三代五ェ門登場 雨の午後
jQueryのfadeInを使って、適当なdiv要素なんかをfadeInを使ってフェードインさせてみます。 サンプルを設置していますので、動作を確認してみてください。 サンプル もう一度、動作を見る 設置コード まずは、htmlソースのhead内でjqueryを読み込みます。 <script type='text/javascript' src='jquery-1.6.1.min.js'></script> 今回の動作を設定している以下のソースをhtmlソース内に適当に配置します。 <script type="text/javascript"> jQuery(function() { // <div class="fadein">要素の内容を5000ミリ秒かけてフェードイン jQuery('div.fadein').fadeIn(5000, function() { }); }); </s
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く