Replace alert(),  confirm(),  prompt() and many plugins with style and elegance.
SweetModal: Examples
Replace alert(),  confirm(),  prompt() and many plugins with style and elegance.
è¦ç´ をガクガクブルブルã¨æŒ¯å‹•ã•ã›ã‚‹jQueryプラグイン「jrumbleã€
View Source $('#demo13, #demo14, #demo15, #demo16, #demo17, #demo18, #demo19, #demo20').jrumble(); // Demo 13 $('#demo13').hover(function(){ $(this).trigger('startRumble'); }, function(){ $(this).trigger('stopRumble'); }); // Demo 14 $('#demo14').toggle(function(){ $(this).trigger('startRumble'); }, function(){ $(this).trigger('stopRumble'); }); // Demo 15 $('#demo15').bind({ 'mousedown': function
Redirecting to https://getdatepicker.com/
Redirecting to https://getdatepicker.com/4/
timedropper jQuery time plugin
DateDropper datedropper JS is a Pure Javascript user-friendly date picker that allows users to easily select a specific date from a calendar-like interface. What does Datedropper do Datedropper streamlines date selection, saving time and reducing errors. This datepicker allows users to select the desired date by clicking on it. The selected date will then be displayed in the input field and can be
Particleground demo
Particleground A JavaScript plugin for snazzy background particle systems Download
指定è¦ç´ ã«ãƒœã‚«ã‚·åŠ¹æžœã‚’付ã‘られるjQueryプラグイン「blurmeã€:phpspot開発日誌
netcode/blurme GitHub 指定è¦ç´ ã«ãƒœã‚«ã‚·åŠ¹æžœã‚’付ã‘られるjQueryプラグイン「blurme〠ã¼ã‹ã—効果ã§ä¸€çœ¼ãƒ¬ãƒ•çš„効果をã¤ã‘ãŸã‚Šã‚ªã‚·ãƒ£ãƒ¬ã«ã§ãã¦çµæ§‹ã‚ˆã使ã‚ã‚Œã¦ã„るエフェクトã§ã™ãŒã€jQueryã§è‰²ã€…ãªè¦ç´ ã«ã¼ã‹ã—効果を付ã‘られã¾ã™ã€‚ ã‚‚ã¡ã‚ã‚“ã€Photoshopã§ã¼ã‹ã—ã¦ã—ã¾ã£ã¦ã‚‚ã„ã„ã‚“ã§ã™ãŒã€å¼·åº¦ã®è¨å®šã‚„対象ãŒå‹•çš„ã«è¡Œãˆã‚‹ã¨ã„ã†ã®ã¯ä¾¿åˆ©ã§ã™ã 関連エントリ 背景をã¼ã‹ã—ã¦ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を立体的ã«ã¿ã›ã‚‹LightBox「BlurBox〠画åƒã«ã‚ãˆã¦Blur効果をã¤ã‘ã¦èƒŒæ™¯ç”»åƒã«ã§ãã‚‹jQueryプラグイン「Blurrã€
[jQuery] ウインドウã®ãƒªã‚µã‚¤ã‚ºæ“作ãŒçµ‚ã‚ã£ãŸæ™‚ã«ã ã‘処ç†ã‚’実行ã™ã‚‹ | CreativeStyle
タイトルã«æ›¸ã„ã¦ã‚ã‚‹ã“ã¨ã‚’実ç¾ã—よã†ã¨ã—ã¦ã€å°‘ã—æ‚©ã‚“ã ã®ã§ãƒ¡ãƒ¢ã€‚ ウインドウã®ãƒªã‚µã‚¤ã‚ºæ“作やjQueryã«é™ã‚‰ãšã€çŸã„周期ã§é€£ç¶šã—ã¦ã‚¤ãƒ™ãƒ³ãƒˆãŒç™ºç”Ÿã™ã‚‹å ´åˆã«ã€ä¸€é€£ã®æœ€å¾Œã®ã‚¤ãƒ™ãƒ³ãƒˆãŒç™ºç”Ÿã—ãŸæ™‚ã«ã ã‘何らã‹ã®å‡¦ç†ã‚’è¡Œã„ãŸã„時ã«ä½¿ãˆã‚‹ãƒ‘ターンã§ã™ã€‚ 何も工夫ã›ãšã«æ›¸ãã¨â€¦ ã“ã‚“ãªæ„Ÿã˜ã«ãªã‚Šã¾ã™ã€‚
Bootstrap Arrows
Bootstrap Arrows. A simple jQuery plugin and add-on to the popular Twitter Bootstrap framework to include the use of arrows at any angle in your UI designs. Download View on Github Usage: <span class='arrow'></span> or <span class='arrow-info' data-angle='90'></span> Colours: default, primary, info, success, warning, danger, inverse. Specify the angle of the arrow with the data-angle tag. The defa
ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã§ãƒã‚§ãƒƒã‚¯å‡ºæ¥ã‚‹æ•°ã‚’制é™ã™ã‚‹ - ã‹ã¡ã³ã¨.net
Result jQuery //ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’クリックã™ã‚‹ã¨ã‚¤ãƒ™ãƒ³ãƒˆç™ºç« $("input[type=checkbox]").click(function(){ var $count = $("input[type=checkbox]:checked").length; var $not = $('input[type=checkbox]').not(':checked') //ãƒã‚§ãƒƒã‚¯ãŒ3ã¤ä»˜ã„ãŸã‚‰ã€ãƒã‚§ãƒƒã‚¯ã•ã‚Œã¦ãªã„ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã«disabledã‚’åŠ ãˆã‚‹ if($count >= 3) { $not.attr("disabled",true); }else{ //3ã¤ä»¥ä¸‹ãªã‚‰isabledを外㙠$not.attr("disabled",false); } }); Warning: include(/home/youhei0828/kachibito.net/public_ht
Vegas Background SlideShow
Vegas2Background SlideShowjQuery/Zepto PluginProject by Jay Salvat, Pictures from Unsplash. Need support? Don't waste your precious time, Hire me Feeling Generous? Buy me a beer, beer is good for motivation Need support?Don't waste your precious time, support is available for 24$. Ask your question and quickly receive a ZIP file with a clear running example with commented code and assets solving y
jQuery Parallax Plugin Demo
(Almost) Static Background This section has a background that moves slightly slower than the user scrolls. This is achieved by changing the top position of the background for every pixel the page is scrolled. Multiple Backgrounds The multiple backgrounds applied to this section are moved in a similar way to the first section -- every time the user scrolls down the page by a pixel, the positions of
使ã„方簡å˜ã§è¦‹ãŸç›®ã‚‚綺麗ãªãƒ€ã‚¤ã‚¢ãƒã‚°å®Ÿè£…jQueryプラグイン「Appriseã€:phpspot開発日誌
Apprise - The attractive alert alternative for jQuery 使ã„方簡å˜ã§è¦‹ãŸç›®ã‚‚綺麗ãªãƒ€ã‚¤ã‚¢ãƒã‚°å®Ÿè£…jQueryプラグイン「Apprise〠次ã®ã‚ˆã†ãªãƒ€ã‚¤ã‚¢ãƒã‚°ã‚’ apprise('Hello?', options); ã ã‘ã§å®Ÿç¾ã§ãるよã†ã«ãªã‚Šã¾ã™ã€‚ optionsã«è‰²ã€…渡ã™ã“ã¨ã§æ§˜ã€…ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒå¯èƒ½ã€‚ confirm ã£ã½ãã—ãŸã‚Š 入力ボックスã«ã—ãŸã‚Šã€‚ アニメーションã§è¡¨ç¤ºã•ã›ãŸã‚Šã‚‚出æ¥ã¾ã™ã€‚ ダイアãƒã‚°ã¯è‰²ã€…ã‚ã‚Šã¾ã™ãŒï¼‘ã¤ã®é¸æŠžè‚¢ã¨ã—ã¦è¦šãˆã¦ãŠã„ã¦ã‚‚よã•ãã†ã§ã™ã€‚ 関連エントリ 超カッコã„ã„確èªãƒ€ã‚¤ã‚¢ãƒã‚°ã‚’jQueryã§å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« jQueryを使ã£ã¦ä½œã‚‹ã‚·ãƒ³ãƒ—ルãªãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚° ãã®å ´ã§ãƒãƒƒãƒ—アップã™ã‚‹ã‚¯ãƒ¼ãƒ«ãªç¢ºèªãƒ€ã‚¤ã‚¢ãƒã‚°å®Ÿè£…用jQueryプラグイン「jConfirmAction〠効果音付ãã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
Making an Apple-style Splash Screen
The Beatles are on iTunes! Or, if you are like me and don't care that much about it, you've probably noticed the awesome splash screen that Apple used to promote the event. Risking to start a trend, in this tutorial we are going to create a simple jQuery plugin that will display fancy Apple-style splash screens for us. The HTML Encapsulating the splash screen functionality into a jQuery plugin mak
ã‹ã£ã“ã„ã„jQueryã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼25 – creamu
WebDesignFanã§ã€ã‹ã£ã“ã„ã„jQueryã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒã¾ã¨ã¾ã£ã¦ã„ã¾ã™ã€‚ ã„ãã¤ã‹ã”紹介ã—ã¾ã™ã。似ãŸã‚ˆã†ãªã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’書ã„ã¦ã„ã¾ã™ãŒã€ã‚ã¾ã‚Šè¦‹ãŸã“ã¨ã®ãªã„ã‚‚ã®ãŒã„ã‚ã„ã‚ã‚ã‚Šã¾ã™ã€‚ jQuery Plugin – Feature List å·¦ã«ãƒŠãƒ“ゲーションãŒã‚ã£ã¦è‡ªå‹•ã§åˆ‡ã‚Šæ›¿ã‚ã‚‹ Accessible News Slider ナビゲーションãŒã‚ã‹ã‚Šã‚„ã™ã„ニューススライダー。広ã’ã‚‹ã€ãŸãŸã‚€æ©Ÿèƒ½ã‚‚ã‚ã‚Š Animated JavaScript Accordion V2 シンプルã§ä½¿ã„ã‚„ã™ã„アコーディオンメニュー Easy Slider 1.7 – Numeric Navigation jQuery Slider ã¨ã¦ã‚‚クールãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€‚å·¦å³ã«ãƒŠãƒ“ゲーションã‚ã‚Š SlideItMoo 1.1 – improved image slider å·¦å³ã®ãƒŠãƒ“ゲーションã§ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã‚¿ã‚¤ãƒ— M
ページ内スクãƒãƒ¼ãƒ«ã®jQueryプラグインã„ã‚ã„ã‚ - ã‹ã¡ã³ã¨.net
ページ内ã€è¦ç´ é–“ã®ã‚¹ãƒ ース㪠スクãƒãƒ¼ãƒ«ã‚’実装ã™ã‚‹äº‹ãŒå¯èƒ½ãª jQueryプラグインã®ãƒ¡ãƒ¢ã€‚使ã£ã¦ã„ るサイトもéšåˆ†è¦‹ã‹ã‘るよã†ã«ãªã£ ã¦ãã¾ã—ãŸã。 個人的ã«ã¯ç‰¹å®šã®ã‚‚ã®ã—ã‹ä½¿ã£ã¦ãŠã‚‰ãšã€ã„ã‚ã„ã‚ã¨æŒ‘戦ã—ãŸã„ã¨è€ƒãˆã¦ã„ã‚‹ã®ã§ãã®ã¨ã用ã«ãƒ¡ãƒ¢ã€‚カルーセルã¨ã‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã¿ãŸã„ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚¿ã‚¤ãƒ—ã¯ä»Šå›žå‰²æ„›ã—ã¦ã„ã¾ã™ã€‚ ScrollTo Posts With jQuery ページ内をダイナミックã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã€‚サイドã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã£ã½ã„ã¨ã“ã‚ã§æ“作ã—ã¾ã™ã€‚ ScrollTo Posts With jQuery Create a Vertical, Horizontal and Diagonal Sliding Content Website with jQuery 3種類ã‚ã‚Šã¾ã™ã€‚divè¦ç´ ã‚’1ページ表示ã—ã¦ã‚¹ãƒ ーズãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ç§»å‹•ã€‚ Create a Vertical, Horizontal an
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.truelathe.com/
大飴屋
cmmntr.com
{{#tags}}- {{label}}
{{/tags}}