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


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 サイト
デモ

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

関連記事

マウスオーバーすると画像にキャプションを表示してくれる「Mosaic」

「Mosaic」は、画像などにマウスオーバーすると、キャプションをスライド(イン/アウト)もしくはフェイド(イン/アウト)させてくれるjQueryプラグインです。ダウンロードはこちら スクリプト

no image

画像をモザイク処理(ピクセル化)してくれるプラグイン「Pixelate.js」

「Pixelate.js」はその名の通り画像をピクセル化してくれるjQueryプラグインです。画面ロード時にピクセル化しておき、画像にマウスオーバーすると暴露してくれます。 ダウンロード | デモ

わずかなコードで画像をサムネイル化してくれる「MyThumbnail.js」

サムネイル化してくれるJQueryプラグインは数多くありますが、この「MyThumbnail」はわずか数行で簡単にページ上の画像を指定サイズにサムネイル化してくれます。 ダウンロード 画像とし

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

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

「jqPlot」 カスタマイズ

以前、ここで使用した「jqPlot」ですが、色々なキーワードで訪問される方がいらっしゃったので、それを元ネタとして使わせてもらいカスタマイズ方法を紹介したいと思います。 以下4つのファイルへリンクし

数値入力スライダー「jQuery Simple Slider」

「jQuery Simple Slider」はスライダーを使用して数値設定が行えるようにしてくれるjQueryプラグインです。"Unobtrusive Numerical Slider"とあるように余

no image

要素を折りたたみできる「nestedAccordion」

「nestedAccordion」は、クリックすると要素を開閉(折りたたみ)できるjQueryプラグインです。名前の通りネストして、アコーディオンの中にアコーディオンも実装できます。ダウンロードはこち

iTunesのCover Flowのようなギャラリーが実装できる「ContentFlow」

「ContentFlow」は、iTunesのCover Flowのように左右に流れるギャラリーが実装できるjQueryプラグインです。ダウンロード スクリプト 実装

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

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

no image

エフェクト豊富なニュースティッカー用プラグイン「inewsticker」

「inewsticker」は、色々なエフェクトでニュースティッカーが実装できるjQueryプラグインです。ダウンロード エフェクトには、fade/slide/typingの3つが可能です。 デ

Message

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

*

PAGE TOP ↑