テキストに装飾効果を付けるプラグイン


http://sinetheta.github.io/burn/

Burn
#テキストに炎のような効果
Burn サイト
デモ

スクリプト

<script src="jquery.min.js" type="text/javascript"></script>
<script src="jquery.burn.min.js" type="text/javascript"></script>

実装

<p id="default">AAA</h1>
<script type="text/javascript">
$(function () {
    $('#default').burn();
})
</script>
http://workshop.rs/projects/jqisotext/
jqIsoText
#テキストにアイソメトリック効果
jqIsoText サイト
デモ

スクリプト

<script src="jquery.min.js" type="text/javascript"></script>
<script src="jqIsoText.min.js" type="text/javascript"></script>

実装

<div class="default">This sentence will be treated with default options</div>
<div class="split">This sentence will be treated with default options</div>
<div class="big">Use custom sizes and start from bigger</div>

<script type="text/javascript">
$().ready(function() {
    $('.default').jqIsoText();
    $('.split').jqIsoText({split:'yes'});
    $('.big').jqIsoText({ fromSize: 50, toSize: 10});
});
</script>
http://chuckyglitch.twbbs.org/novacancy/
NoVacancy.js
#ネオンサイン
NoVacancy.js サイト
デモ

  • このエントリーをはてなブックマークに追加

関連記事

Bootstrap Modal + 拡張機能が実装できるプラグイン

Twitter Bootstrap Modalは、標準のモーダルウィンドウに様々な機能を追加することができます。 2014/06/16 Bootstrap3対応版に書き換えをしました。

画像ズーム プラグイン

画像をズームしてくれるプラグインには、ツールチップ的にサムネイルにマウスオーバーした部分をズームアップしたり元画像を表示したり、その画像内でインナーズームする というような機能があるようです。

Lightboxなどが実装できるプラグイン「Magnific Popup」

「Magnific Popup」はlightboxを実装できるjQueryプラグインです。 この手のものは、商用利用に制限がかかっているものが多いですがこのプラグインはMITライセンスで提供されてい

リストをインクリメント検索・ソートできる「List.js」

List.jsは、リストをインクリメント検索やソートができるjQueryプラグインです。 ダウンロードはこちら リストだけでなくテーブルにも実装可能のようです。 スクリプト

レスポンシブ対応の画像スライダー・ギャラリー用プラグイン

画像スライダー(ギャラリー)を作成してくれるjQueryプラグインの中からレスポンシブ対応のものをいくつか集めてみました。 シンプルでカスタマイズ豊富なスライダー用プラグイン「bxSlide

no image

色々なタイプの画像ギャラリーが実装できる「Rondell」

「Rondell」は、様々なタイプの画像ギャラリーを実装してくれるjQueryプラグインです。 カルーセル・スライダー・ギャラリーなど一通り実装可能です。 ダウンロード 本家デモ

親要素の大きさに合わせてテキストをリサイズ「FitText」

「FitText」は親要素の大きさに合わせてテキストをリサイズしくれるjQueryプラグインです。ダウンロード | デモ スクリプト 実装 responsive_head

カルーセル プラグイン

「カルーセル(Carousel)」とは"回転木馬"という意味らしいのですが、jQuery(Javascript)では画像やコンテンツをスライド表示させるもののようです。が、スライダーとの違いはよく分り

タブを画面サイズによってアコーディオンにしてくれる「Easy Responsive Tabs to Accordion」

「Easy Responsive Tabs to Accordion」はタブ表示を画面サイズによって折りたたみのアコーディオン形式に変換してくれるjQueryプラグインです。 デフォルトでは、768

no image

バリデーション プラグイン

Nod Nod サイト | デモ [browser-shot url="http://rickharrison.github.io/validate.js/" width="2

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

    PAGE TOP ↑