<textarea name="code" class="html" cols="60" rows="5"> <div class="myButton"> Any text content you want here </div> </textarea>
なかなか使いやすそうで、汎用性 もあるかなと感じたので備忘録。 エフェクトが多数あり、機能も中々 良く、クロスブラウザ対応している イメージギャラリー用のjQueryの プラグインです。 イメージギャラリーは数多に存在するのでまぁ選択肢の一つです。まぁ後発の方が機能が良くなりやすいっていう見方も出来なくは無いですね。 22のFlashライクなエフェクトから選べます。どれもクールなエフェクトですよ。 エフェクトにはそれぞれデモが用意されているので触ってみてください。 フルスクリーンにも出来ます。 サムネorボタンのナビゲーション ナビゲーションを選択できます。ボタンかサムネイル。 ナビゲーションの表示の有無 そのナビゲーションを常時表示させるか、マウスオーバー時に表示させるかを選択できます。 IE6、7でも IETesterで確認。問題有りませんでした。 オプション いろいろ用意されてます。
The web content creators that would like to use Shadowbox on an advert resource are provided with commercial licenses. Shadowbox is an application that works as an internet-based image/video viewer, it supports all of the widespread audio and video formats. This app is created with CSS and JavaScript and can be tailored to customer needs easily. The core benefit of Shadowbox is that it allows web
「ツールチップ」の完成画面。左から、CSSで装飾するツールチップ、透過GIFを使ったツールチップ、透過PNGを使ったツールチップ(画像クリックでサンプルページを表示します) CSSで装飾するシンプルなツールチップ 最初に作成するのは、リンク(a要素)にマウスカーソルが重なると補足テキストをフェードインで表示する、シンプルなツールチップです。ツールチップはマウスカーソルの右下にピッタリくっ付いて表示され、マウスの動きに合わせて移動します(サンプル01)。 HTML/XHTML(以下、HTML)は以下のようになります。ツールチップを設定するリンクはa要素で通常通りマークアップします。ツールチップ内に表示する補足テキストは、a要素の後ろにspan要素で記述します。span要素には「tooltip」というclass属性を設定します。 ▼サンプル01(HTML部分) <p>Lorem (中略) qu
Overview The clueTip plugin allows you to easily show a fancy tooltip when the user's mouse hovers over (or, optionally, clicks on) any element you designate in your script. If the element includes a title attribute, its text becomes the heading of the clueTip. If you like this plugin and you're feeling generous, perhaps you'd also like to visit my amazon.com wish list? Quick Start Guide Showing t
[CSS]jquery.cluetip.css [JS]jquery.js v1.2.6、jquery.dimensions.js、jquery.hoverIntent.js、jquery.cluetip.js HEAD <!-- JS --> <script src="jquery-1.2.6.min.js" type="text/javascript" charset="utf-8"></script> <script src="jquery.dimensions.js" type="text/javascript"></script> <script src="jquery.hoverIntent.js" type="text/javascript"></script> <!-- optional --> <script src="jquery.cluetip.js" type="t
Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework. Style: Easy to customize. Position: Complete control over tooltip positions. Round: Configurable rounded corners, no PNG images required. Speech bubble effect! Works on all modern browsers. = Note: This plugin is no longer actively developed, please consider moving to my latest jQuery ba
デモページ ダイナミックな斜め方向のスライドのアニメーションで表示 Mosaicの実装 HTML: circle 上記の一番上のキャプチャ、「circle」の実装例です。 <div class="mosaic-block circle"> <a href="http://buildinternet.com/project/mosaic" class="mosaic-overlay"> </a> <div class="mosaic-backdrop"><img src="http://buildinternet.s3.amazonaws.com/projects/mosaic/mosaic.jpg"/></div> </div> JavaScript:circle $(document).ready(function($){ $('.circle').mosaic({ opaci
気になったので備忘録。スクロール した位置に付いてくるサイドバーを 実装してくれるjQueryプラグイン・ Contained Sticky Scrollです。細 かいオプションも設定できて、IE6や IE7でも動作してくれるので覚えて おこうと思って記事にします。 Web Designer Wallがリニューアルしてサイドバーを固定していました。これはcssで実装してるみたいですが、IE6利用率が10%を超える日本では、まだ捨てるわけにもいかないのが現状ですね。(個人的には徐々に捨て始めてますがw) 基本的にはアニメーションで付いてきますが、ノンアニメーションも可能です。 使い方いつもどおりjQueryとプラグインのパスを書きます。 <script type="text/javascript" src="jquery.min.js"></script> <script type="tex
With Postcards Email Builder you can create and edit email templates online without any coding skills! Includes more than 100 components to help you create custom emails templates faster than ever before. Free Email BuilderFree Email Templates It doesn’t shrink by much but you can tell there is a difference when scrolling. This is the type of thing I look for in very large navigation menus. I also
Discover a world of extraordinary at Dubai's iconic resorts, Atlantis Resort, in Dubai & Sanya (China). Be the first to explore one of the top beachfront hotels to stay for families & couples - Atlantis Resorts, known for ✓ iconic entertainment, ✓ unique rooms & suites, ✓ thrilling attractions & ✓ stunning architecture. Explore Now!
介護施設にはいろんな種類がありますが、老健と特養との違いは知っているでしょうか。中には、あまりよくわかっていない人もいるかもしれません。介護施設で働こうと考えている看護師は、しっかり違いを理解しておきましょう。 まず、老健とはリハビリや医療ケアを主に行う介護施設で、入居者はそれぞれのケアプランにもとづいてリハビリし、在宅復帰を目指していきます。特養は、在宅介護が難しくなった高齢者が入居できる公的な介護施設です。老健は入居期間が原則3カ月から6カ月と決まっていますが、特養は終身利用できるのが大きな違いでしょう。 それでは、老健や特養で働く看護師の仕事内容に大きな違いはあるのでしょうか。入居者の健康管理や服薬管理、褥瘡のケアなど行うことに大差はありません。しかし、老健ではリハビリや、医師が常駐しているため診察の補助にも入る点が特養との違いです。 勤務体制での違いとして、老健では看護師は24時間
For over thirty-five years, Tofino Expeditions has operated inspired sea kayaking tours in Haida Gwaii (formerly the Queen Charlotte Islands), British Columbia, Canada. We also offer deluxe sea kayak adventures in diverse and exotic locations, including the Amazon rainforest of Ecuador, the Costa Verde of Brazil, the Galapagos Islands, the Dalmatian Coast of Croatia, and the Fjords and Outer Coast
Accessorize your life with THESE ARE THINGS® brand enamel pins, iron on patches, and sticker patches!
Inspiration 30 Inspiring Examples of Slideshows in Web Design Gisele MullerFebruary 14, 201113 Comments05.6k Slideshows or sliders are obviously a popular trend right now in the web design world – and for good reason. It’s an effective way to highlight something important and create some visual interest. And from a technology standpoint, the popularity of jQuery has made it almost too easy to impl
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く