fontsize change - jsdo.it - Share JavaScript, HTML5 and CSS
jQuery(function($){ //smartRollover var imgCount = 0; var images_pre = new Array(); $('img[src*="_off."],input[src*="_off."]').each (function(){ images_pre[imgCount] = new Image(); images_pre[imgCount].src = $(this).attr("src").replace("_off.", "_on."); $(this).hover( function () { imgOn($(this)); }, function () { imgOff($(this),".active"); } ); imgCount ++; }); //変数にクッキー名を入れる var history = $.cook
フォントサイズを変える「大・中・小」ボタンを画像も使って実装する方法
フォントサイズを変える「大・中・小」ボタンを実装する方法 今回も以前にエントリーした内容の変更版。知人に「フォントサイズを変えるボタンを画像にして、アクティブなボタンを保持したい」という要望があったので、もらったソースを元に作ってみた フォントサイズを変える「大・中・小」ボタン実装 CSSや文字だけで実装する場合は、以前の『フォントサイズを変える「大・中・小」ボタンを実装する方』を参照ください。 今回はこの機能に、画像の_onと_offを入れ替えるロールオーバーのスクリプトと、そのアクティブ状態を保持しているものを作成してみます。 ※ロールオーバー部分は知人にもらったコードを改変して利用。出典不明。主な仕様も、前と同じまま。 今回作成したデモ fontsize change - jsdo.it - share JavaScript, HTML5 and CSS 画像の場合の仕様ポイント 今
CSS切替なしでフォントサイズを変更するjQueryのスクリプト | Web Mugen
前に作ったフォントサイズを変更するjQueryのスクリプトの改良版です。元々はフォントサイズ切替用のスタイルシートを作るのがメンドイので作ってみました。改良点は画像でもテキストでも使えるし、クリックするとアクティブ用のクラスが付くのでCSSを適応できます。さらにロールオーバー画像のオンオフも切り替えれます。おまけにフォントサイズの段階（標準・大とか小・中・大みたいな）もいくつでも設定できます。ちなみにプラグイン風？に作りました。もちろん自己満の為です。 画像タイプDemo テキストタイプDemo 対応ブラウザ Google Chrome Safari4~ Firefox3~ Internet Explorer6~ Opera11 ※Windowsのみの確認です。 ※IE6はテキストタイプの場合、a要素を使用していない為ホバー機能が効きません。a要素を追加しても問題ないかと思いますが、リンク
How To Create Buttons Using Textures with CSS3 | HTML Goodies
In this article we’re going to look at a simple method of creating buttons using CSS3 and textures. While it’s possible to do a lot of styling with code, you can really geek yourself out and create really cool, but time consuming projects. My recommendation is to use code for some effects, then at a certain point (which only you as the designer can determine), I recommend using image illustration
CSS Button Generator - CSS Portal
Support Us If you would like to support CSSPortal, please consider making a small donation. Donations The CSS Button Generator is a user-friendly web tool designed to simplify the creation of stylish and interactive buttons for websites and applications. With this intuitive tool, users can effortlessly customize and generate CSS code for buttons to enhance their website's aesthetics and functional
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
