Sidr
SidrThe best jQuery plugin for creating side menus and the easiest way for doing your menu responsive You will be able to create multiple sidrs on both sides of your web to make responsives menus (or not, it works perfectly on desktop too). It uses CSS3 transitions (and fallbacks to $.animate with older browsers) and it supports multiple source types. Get startedLike any other plugin, you must inc
Custombox - Modal dialog with awesome effects by @dixso9
Custombox is a modern dialog library which is highly configurable and easily styleable. Has a clear and simple API, works on mobile devices, and can be customized to match your style. Overview Check out the some following examples: Simple Fullscreen Loader Custom positions Custom animations Multiple dialogs Non overlay Video
Big Menus, Small Screens: Responsive, Multi-Level Navigation | Envato Tuts+
If you’ve ever worked on a responsive website, you’ve no doubt had to tackle one of the trickiest problems in this emerging field: navigation. For simple navigation, the solutions can be straight-forward. However, if you’re working on something a bit more complex, maybe with multiple nested lists and dropdowns, a more dramatic rearrangement may be in order. In this approach to responsive navigatio
HTML5 × CSS3 × jQueryを真面目に勉強 – #13 iOSのUITableViewをjQueryで作ってみた | DevelopersIO
HTML5 × CSS3 × jQueryを真面目に勉強 – #13 iOSのUITableViewをjQueryで作ってみた 2013年1月14日にjQuery Mobile 1.3.0 Betaがリリースされました。 Announcing jQuery Mobile 1.3.0 Beta jQuery Mobile 1.3.0 Betaの紹介記事はこちら。 AjQuery Mobile 1.3.0 Betaがリリース！変更点まとめ - へっぽこプログラマーの日記 弊社でもモバイルコンテンツの開発案件にて徐々に利用実績が積み重なっておりますが、初期ベータ版の頃より「なんで一向に実装されないのかなー…？」と僕がずっと手をこまねいて待ち続けている機能があります。 UI Table View風リスト iOS端末ではおなじみのリストビューです。 リスト項目をインデックスごとにグルーピングし、リス
Datepicker / カレンダー - jQuery UI 日本語リファレンス
テキスト入力欄に、カレンダーから、日付を入力できるようにするには、jQuery UI の Datepicker が便利だ。 jQuery UI の Datepicker プラグイン jQuery UI の Datepicker プラグインについての記事。Datepicker プラグインは、テキスト入力欄に、カレンダーから、日付を入力できるようにするプラグイン。テキスト入力欄をクリックすると、今月のカレンダーが現れる。カレンダーの日付をクリックすると、その日付を、テキスト入力欄に入力する。 カレンダーから入力した日付のフォーマットを変更 jQuery UI の Datepicker プラグインを使い、カレンダーからテキスト入力欄に入力した、日付のフォーマットを、ドロップダウンリストで選択したフォーマットに変更する方法。 Datepicker のカレンダーで選択できる日付の範囲を設定 jQue
FullCalendar - JavaScript Event Calendar
npm install @fullcalendar/angular import { Component } from '@angular/core' import { CalendarOptions } from '@fullcalendar/angular' @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.scss'] }) export class AppComponent { calendarOptions: CalendarOptions = { initialView: 'dayGridMonth', events: [ { title: 'event 1', date: '2019-04-01' }, { title: 'e
クロスブラウザでiframeの高さを内容コンテンツの高さに合わせる - purazumakoiの[はてなブログ]
コンテンツ内の他のページをiframeで読み込んで表示したときスクロールを無しにしたい。 ヘッダとかフッダとか消して、コンテンツ部分だけをiframeに挿入する為。 ただ高さを取得することは割と簡単だったが、 ブラウザの戻るボタンで戻った時もコンテンツの高さを正しくとろうと思って手こずりました。 コード // jquery読み込み。1.4.4じゃなくても1.3とかでも大丈夫でしょう。 <script language="javascript" type="text/javascript" src="../../js/jquery-1.4.4.min.js"></script> <script type="text/javascript"> // <![CDATA[ $(function(){ //htmlファイル を読み込む // 読み込みは同一ドメイン内で var ifm = $('#d
![クロスブラウザでiframeの高さを内容コンテンツの高さに合わせる - purazumakoiの[はてなブログ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/c3d888aba9635391eea28b1865af1b24836ab343/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F12704538227038789114%2F11696248318755872663%2F1374114499)
Dialog - jQuery UI API 1.8.4 日本語リファレンス - StackTrace
解説 高機能なダイアログウィジェットです。 dialog は、タイトルバーとコンテンツエリアを持つ、フローティングウィンドウです。 デフォルトでは、移動、リサイズすることができ、右上の "x" ボタンでウィンドウを閉じることができます。 コンテンツの大きさが最大値を超えた場合は、スクロールバーが自動的に表示されます。 書式 依存ファイル jquery.ui.core.js jquery.ui.widget.js jquery.ui.mouse.js jquery.ui.position.js jquery.ui.draggable.jsオプション jquery.ui.resizable.jsオプション 引数 optionsオプション 関数 String: "destroy"、 "disable"、"enable"、"option"、"widget"、"close", "isOpen", "
jquery ui の dialogでポップアップダイアログを表示する
jquery ui で、ダイアログを表示させてみた。 コードは以下の通り。 <button id="popup">ダイアログをポップアップさせる</button> <div id="dialog"> <div style="text-align: left;"> 先に進む場合はOKボタンを押してください。 </div> <div style="text-align: left;"> 進まない場合はキャンセルボタンを押してください。 </div> </div> <script type="text/javascript"> $(document).ready(function(){ var d = $('#dialog'); d.dialog({ // 初回時にポップアップさせない autoOpen:false, // タイトル部分の文言 title: 'タイトル部分', // ポップアップ
http://webmage.pro/blog/archives/671
See related links to what you are looking for.
nyroModal v2 :: jQuery Plugin
Edito Designers seem to like using modal windows more and more, as they provide a quick way to show data without reloading the entire page. It's easy to use and easy to design. The big problem I experienced with every plugin I tried either using Prototype/Scriptaculous or jQuery is the customization. They say you can do whatever you want simply but that's not fully true. The default CSS works fine
jQueryプラグインでフローティングポップアップウィンドウ - JavaScriptテックラボ - [SMART]
jQueryでフローティングポップアップウインドウを表示させるには、自作でも比較的簡単に実装できますが、特にこだわりなければプラグインを利用したほうが良い場合が多いと思います。 jQueryでフローティングウインドウといえばThickboxが有名ですが、jQuery1.2.x対応で開発がストップしているということなので、他のプラグインを検討する必要があります。 Thickboxサイトでも推奨されていますが、jQueryを使うのであればFancyboxかColorboxあたりが手軽でお勧めです。スライドショーやインライン、iFrame、外部HTML（Ajax）などに対応しています。 簡単なイメージギャラリーを実現したいだけであれば、Lightboxでも良いでしょう。 Thickbox Fancybox Colorbox Lightbox FancyboxもColorboxも機能的には大差ない
![jQueryプラグインでフローティングポップアップウィンドウ - JavaScriptテックラボ - [SMART]](https://cdn-ak-scissors.b.st-hatena.com/image/square/efeb6493234f33406d242c048873a805fca99c63/height=288;version=1;width=512/https%3A%2F%2Frfs.jp%2Fwp-content%2Fthemes%2Fsmart%2Fogpimage.png)
fancyBox
Fancybox #Fancybox is the ultimate JavaScript lightbox alternative that sets the standard for premium user experience in multimedia display. Supports images, videos, maps, inline content, iframes and any other HTML content. This is the fifth generation of Fancybox. Both Carousel and Panzoom components are used under the hood and that's what makes this project so unique. In addition, Fancybox is ea
ドラッグ可能なポップアップウインドウを作ろう - jQuery入門 - ポンクソフト
目次 jQuery入門 jQueryのインストール・簡単な使い方 クイズゲームの作り方 秘密の暗号を作ってみよう（たぬき暗号） アクションゲームを作ってみよう（ぬりかべ） 画像を使ったジグソーパズルを作ってみよう もぐらたたきっぽいゲーム ドラッグ可能なポップアップウインドウを作ろう jQuery UI Sortableで１ラインオセロゲーム ブラウザ全体をブロックしてみる Geolocation APIを使って都道府県のセレクトボックスを現在地に近い順にソートする 発生したイベントの状態を保持・保存する6つのパターン Ajaxを利用したシンプルなイメージギャラリーを作ってみる テーブルにページ送り（ページング）を実装してみる jQuery UI Draggableを使って付箋(sticky)を作ってみる カラムでソートできるテーブルを自作してみる テーブルを使ったシンプルなドット絵エディ
Dynamic Drive DHTML Scripts- jQuery Gooey (Lava Lamp) Menu
Note: July 18th, 15'- Fixed issue with gooey effect when menu drops spills over to multiple lines. Both .js and .css file updated. Description: jQuery Gooey Menu uses the popular "lava lamp" effect to create CSS menus with a moving gooey background effect. Whenever the mouse moves over a menu item, the desired style that indicates the selected menu item follows the mouse to that item, smoothly hi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
vnjs.net
ポップアップjqueryTinyBox2 - JavaScript Modal Windows
http://thickbox.net/