使用画像 プログレスバーの色は透過PNGを使用しているので、スタイルシートで簡単に変更できます。 HTML箇所は、divが3つ入れ子で実装されています。 また、JavaScript（jQuery）を使用して、バーが0%から100%になったり、カラーを少しずつ変更させるデモもあります。
[CSS]一枚の画像だけでスタイリッシュなプログレスバーを実装するスタイルシート
使用画像 プログレスバーの色は透過PNGを使用しているので、スタイルシートで簡単に変更できます。 HTML箇所は、divが3つ入れ子で実装されています。 また、JavaScript（jQuery）を使用して、バーが0%から100%になったり、カラーを少しずつ変更させるデモもあります。
[JS]背景画像をアニメーションさせて、サイトの印象をガラッと変えるスクリプト
背景画像にアニメーションのエフェクトを加え、カラーをゆっくりと変更してサイトの印象をガラッと変えるスクリプトをYOU LOVE.USから紹介します。 <textarea name="code" class="js" cols="60" rows="5"> $(function() { // *** // Scrolling background // *** // height of background image in pixels var backgroundheight = 4000; // get the current minute/hour of the day var now = new Date(); var hour = now.getHours(); var minute = now.getMinutes(); // work out how far through
30 Ajax Lightboxから使えそうなものを9個ピックアップ
通称『 Lightbox 』のまとめ記事ですね。 jQuery、prototypeの両方をカバーしている記事で、非常にボリュームのあるエントリーがあったのでご紹介。 使い易いLightbox Lightboxって何？っという人がいたらまぁ以下の画像をクリックしてもらえればわかります。 （携帯ユーザーのアクセスが最近多いですが、携帯では確認出来ません） とりあえずページを全て読み込んでからでないとJavaScript動かないようにしてるので、このブログのページを全て読み込んでからクリックしてみてくださいませ。 こんな感じでちょっとコジャレた味のある演出効果が得られるスクリプトですね。 興味のある人は試して見ると良いかもしれない。 １）Lightbox2 Lightbox系という一つのジャンルを生み出した最もオーソドックスなタイプ。 prototype.jsが必要になります。 ２）Lightb
JQuery: Die 22 besten Modal – Fenster Plugins | BLOGRAMMIERER
Die besten JQuery – Plugins um modale Fenster zu generieren. Mit diesen Plugins könnt ihr schnell und einfach modale Fenster in eine Webseite zaubern. Egal ob mit Text gefüllt, mit Inhalten aus einem Iframe oder als einfache Grafik bieten euch die nachfolgenden Plugins eine hilfreiche Unterstützung um den gewünschten Effekt umzusetzen. Simplemodal
distinctcorp.com.au | TLSA record
distinctcorp.com.au This domain is registered for one of our customers. If this is your domain name, please visit this page to see how to register it as DNS zone into your account. Note: If you already have registered the DNS zone for your domain name, please wait for DNS propagation. Your web site will be displayed soon. It may take few minutes. * Do you know what the TLSA record is? Suggested ar
15 Excellent jQuery Navigation Techniques and Solutions
27 Comments Perfeito!!!! ^^ nice one I ve read most of them 🙂 Nice Collection…i have to read them all…:) Now how am I supposed to just pick one to use? They’re all awesome! Thanks! I really like some of the jquery effects on https://www.yauba.com, especially the scroller for the images and the inline video player. Can you do a tutorial on some of these techniques? Thanks! Hanny i love jQuery… is
Super Tables - HTML Tables with Fixed Headers and More - Matt's 411 - Javascript, CSS, HTML and more
IEでlabel内の画像をクリック可能にする - os0x.blog
ウノウラボ by Zynga Japan: IEでlabelの子要素に画像を含めるをより汎用的に実装してみます。 まず、修正方針は以下の2点。 HTML側に処理を書かない(onclickは使わない) IEだけで処理されるようにする 素直に書いてみるとこういった感じになります。 /*@cc_on window.attachEvent('onload', function(){ // まず、label内の画像に自分がクリックされたらlabelにクリックを投げる関数を定義する var label_img_enclick = function(label) { var imgs = label.getElementsByTagName('img'); for (var i = 0, l = imgs.length;i < l; ++i) imgs[i].attachEvent('onclick',
読み込むだけでWebページの「おもてなし度」を向上 - Pryn.js ＆ Pryn.css [ゼロと無限の間に]
コメントと更新履歴はゼロと無限の間のログ » Pryn.js & cssへどうぞ。 よく使う初期設定用のJavaScriptとCSSをまとめて“Pryn”と名付けた。 内容は主にユーザビリティの向上（つまり、おもてなし）のためのもの。 使い方は簡単。JavaScriptとCSSを1つずつ読み込むだけ。あとは勝手にやってくれる。 バージョン1.0.0からはIE6はサポート対象外にした。
jQuery TOOLS - The UI library for the Web
jQuery Tools is a collection of the most important user-interface components for today's websites. This single JavaScript file weighs only 5.8 Kb Tabs is the most popular JavaScript tool on the web. Tabs, horizontal tabs and accordions, finally done the right way. Great looking tooltips. Big or small. Pluggable effects. Yet another crucial tool. Visually appealing overlays. This tool is a signific
jQuery Infinite Carousel | jQuery for Designers - Tutorials and screencasts
Posted on 11th June 2009 — With jQuery for Designer‘s redesign I decided to add a scrolling carousel that worked in the same way the carousel worked on the Apple Mac ads page. This tutorial will walk through the fundamentals of the effect and how to recreate it. Earlier: jQuery for Designers: In Live Action Next: API: queue & dequeue Watch Watch jQuery Infinite Carousel screencast (Alternative fla
Fun with Overflows | jQuery for Designers - Tutorials and screencasts
Posted on 16th October 2008 — Making use of the overflow and scrollLeft DOM property to scroll elements is a much more effective use of the CPU, over animating using CSS top/left. So this episode of J4D demonstrates the same effect used in two completely different ways. Earlier: Two New Series Next: Simple jQuery Spy Effect Background The first is a scrollable timeline. A couple of readers request
JavaScriptのオブジェクトについて考察してみた - あと味
JavaScriptを勉強しているとオブジェクトとはなんぞや？ということがわからなくなってきます。選択肢が増えれば増えるほど。 JavaScriptには、同じように見えて、実は同じではないデータがあります。それらのオブジェクトについて、区別して説明が付けられるように、自分なりに考察してみました。勉強中のアウトプットなので、ここで書いた内容は事実とは大きく外れているものかもしれません。とにかく不明瞭な部分を自分なりに理由づけしたかっただけです。 サンプルコードを試される場合は、FirefoxのFireBugにあるコンソールに貼りつけて実行するか、Safariの開発ツールにあるコンソールに貼りつけて実行してください。それがわからない方は console.log の部分を alert に置き換えて確認してください。 話がややこしくなるので、今回はプロパティしか扱っていません。 名称の定義について
オブジェクト指向っぽい話が分かるかもしれないJavaScript講座 その2 | Takazudo Clipping*
自分なんぞがオブジェクト指向とはなんぞと語るなんておこがましく、「オブジェクトっぽい話」でいいかなーと思っていたのですが、ブックマークするときに「オブジェクト」でタグ付けてる人がいたので、これはいかんと思い、こっそりタイトルを直しました。 2回目の今回は、複数のインスタンスをまとめて操作する方法について書きます。 まんじゅうマネージャー 前回、クラス作ってインスタンスを作ると便利だというところで終わりましたが、便利な点としてはまず、「複数のインスタンスをまとめて操作したり、作ったりできることができる」という点があります。どういうことかというと、とりあえず、以下のサンプルを見てみてください。 まんじゅうマネージャーサンプル まんじゅうを一気に作ったり、隠したりすることができます。 これで賞味期限が切れたりしても大丈夫なはずです。 この機能を作れと言われたら、前回の知識だけは結構厳しいのではな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery ドロップダウンメニュー | CSS Lecture
[JS]パネルをスムーズに自動スクロールさせるニュースティッカー
Welcome to ajaxcssblog.com
SITUS XGSLOT88 : Slot88 Gacor Raih Kemenangan Fantastis Setiap Saat!
BOS138 - Bandar Game Gacor Asia Mode Spin BarBar Ala Big BOS
Lightbox風のスクリプト jQuery Superbox! | CSS Lecture