lightbox
The Psychology of Greatness in Legendary AthletesWhat defines greatness in legendary athletes? Beyond physical prowess and skill, their characters, mental resilience, and the ability to inspire transcend their technical achievements. The enduring legacies of individuals like Lionel Messi, Cristiano Ronaldo, Michael Jordan, and Muhammad Ali suggest a deeper interplay of psychological factors and so
ç”»åƒãƒãƒƒãƒ—アップ_Galleriffic
A jQuery plugin for rendering fast-performing photo galleries Galleriffic was inspired by Mike Alsup's Cycle plugin, but with performance in mind for delivering a high volume of photos. This is my first experiment with jQuery, so I would love feedback on how to improve this plugin. Features Smart Image Preloading after the page is loaded Thumbnail Navigation (with pagination) Bookmark-friendly URL
Textillate.js
About Textillate.js combines some awesome libraries to provide a ease-to-use plugin for applying CSS3 animations to any text. Usage Simply include textillate.js and it's dependencies in your project to start creating unqiue effects. Credits Textillate.js is built on top of the simple, yet amazingly powerful animate.css and lettering.js libraries.
Codrops | Useful resources and inspiration for creative minds
Explore 500+ free demos Discover our curated collection of 500+ free animations, interaction concepts, UI designs, web templates & more. Webzibition An exhibition of standout websites that caught our eye, curated for you. Fresh frontend news plus dev & design inspiration delivered to your inbox 👾 Hey! Looking for the latest in frontend? Twice a week, we'll deliver the freshest frontend news, webs
The 12 best jQuery image sliders of the 2011 » Blog of Francesco Mugnai
Wave Display Effect with jQuery and CSS3 “The idea is to initially have some smaller thumbnails rotated and placed in the shape of a sine curve. When clicking on a thumbnail, we’ll “zoom†in to see a medium sized version. Clicking again will make the large content area appear; here we will show some more contentâ€. Nivo Slider 16 unique transition effects Loads of settings to tweak Simple clean & v
[JS]ビフォーアフターã®2æžšã®ç”»åƒã‚’分ã‹ã‚Šã‚„ã™ã比較ã§ãるよã†ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -TwentyTwenty
2ã¤ã®ç”»åƒã‚’é‡ãã¦ã€ä¸å¤®ã®ãƒãƒ¼ã‚’スライドã—ã¦ãƒ“フォーアフターを切り替ãˆã¦è¡¨ç¤ºã™ã‚‹ã“ã¨ã§ã€ç°¡å˜ã«æ¯”較ã§ãるよã†ã«ã™ã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ ↓ã¯ãŸã ã®ã‚ャプãƒãƒ£ç”»åƒãªã®ã§å‹•ä½œã—ã¾ã›ã‚“。 TwentyTwenty TwentyTwenty -GitHub TwentyTwentyã®ãƒ‡ãƒ¢ TwentyTwentyã®ä½¿ã„æ–¹ TwentyTwentyã®ãƒ‡ãƒ¢ デモã¯ã‚¹ã‚¯ãƒªãƒ—トã®ãƒšãƒ¼ã‚¸ã«å¤§ãã掲載ã•ã‚Œã¦ã„ã¾ã™ã€‚ モダンブラウザをã¯ã˜ã‚ã€ã‚¹ãƒžãƒ•ã‚©ãƒ»ã‚¿ãƒ–レットã§ã”覧ãã ã•ã„。IEã¯8+ã§ã€‚ オプションã§ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã®ãƒ‘ãƒãƒ«ã‚’è¨å®šã—ã¦ã„ã¾ã™ã€‚ TwentyTwentyã®ä½¿ã„æ–¹ Step 1: 外部ファイル 「jquery.jsã€ã¨ãƒ—ラグイン「event.move.jsã€ã¨å½“スクリプト・スタイルシートを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script type="text/javascript"
Simple Inline Modal Window w/ CSS and jQuery - CSS Popups - jQuery Popups - Inline Popups | jQuery Tutorials | Web Design Tutorials and Front-end Development Blog by Soh Tanaka
Please note: This tutorial requires intermediate knowledge of CSS and jQuery. For best results, please be sure to learn the proper foundations before attempting to take this tutorial. Learn one step at a time :-) There are many elegant and easy to install modal window (Popup) plugins out there, but there are times where the script interferes with some of the logic processed on the page. I recently
ç”»åƒãƒãƒƒãƒ—アウト・イメージギャラリー・スライドショー｜jQuery plugin｜Ajax｜PHP & JavaScript Room
Lightweight Circle slideshow〔ãã‚‹ãる回ã—ã¦ç”»åƒã‚’切り替ãˆã‚‹å††å½¢ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€• Smooth Div Scroll〔水平方å‘ã«ä¸¦ã¹ãŸç”»åƒã‚’マウスæ“作ã§ã™ã‚‹ã™ã‚‹ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã€• Nivo Slider〔9種類ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‹ã‘られるイメージスライダー〕 Galleriffic〔画åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’リッãƒã‹ã¤é«˜é€Ÿã«ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã€• IMGPREVIEW〔マウスオーãƒãƒ¼ã§ãƒªãƒ³ã‚¯å…ˆã®ç”»åƒã‚’プレビュー表示〕 jQuery largePhotoBox plugin〔大ããªç”»åƒå¯¾å¿œãƒãƒƒãƒ—アップ（マウス移動ã§ç”»åƒå…¨ä½“を閲覧å¯èƒ½ï¼‰ã€• PIROBOX〔シンプルã‹ã£ã“ã„ã„ç”»åƒãƒãƒƒãƒ—アップ〕 bxGallery〔シンプルãªç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€• A Simple jQuery Slideshow〔シンプルãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã€• Accessible News Slider〔全件表示や件数ã«å¿œã˜ã¦å‰
jQuery MobileãŒã¤ã„ã«Î²ç‰ˆã¸åˆ°é”。æ£å¼ç‰ˆã¯8月後åŠã®äºˆå®š
HTML5をベースã«ã—ãŸãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーションを開発ã™ã‚‹ãŸã‚ã®JavaScriptライブラリã¨ã—ã¦æ³¨ç›®ã•ã‚Œã¦ã„る「jQuery Mobileã€ã€‚ã¤ã„ã«æœ€åˆã®Î²ç‰ˆã§ã‚るβ1ã®å…¬é–‹ãŒä»Šæœã‹ã‚‰é–‹å§‹ã•ã‚Œã¾ã—ãŸã€‚ 新機能ã¨ã—ã¦ä¸»ã«ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã®ã¯ã€iOSã‚„Androidã§ã®URLãƒãƒ¼ã®éžè¡¨ç¤ºæ©Ÿèƒ½ã«ã‚ˆã£ã¦ã‚¢ãƒ—リケーションã¨ã—ã¦ã®è¦‹æ „ãˆã‚’è¨å®šã§ãã‚‹ã“ã¨ã‚„ã€ãƒˆãƒ©ãƒ³ã‚¸ã‚·ãƒ§ãƒ³åŠ¹æžœãŒã‚¹ãƒ ーズã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒé«˜é€Ÿã«ãªã£ãŸã“ã¨ãªã©ã§ã™ã€‚ ã¾ãŸã€ã“ã‚Œã¾ã§ãƒ„ールãƒãƒ¼ã«è‡ªå‹•çš„ã«è¡¨ç¤ºã•ã‚Œã¦ã„ãŸã€ŒBackã€ãƒœã‚¿ãƒ³ãŒã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¯éžè¡¨ç¤ºã¨ãªã‚Šã¾ã—ãŸã€‚ β1ã§ã¯Blacberry5ã¨Opera Miniã®ã‚µãƒãƒ¼ãƒˆãŒæ–°ãŸã«è¿½åŠ ã•ã‚Œã€ã“ã‚Œã§jQuery MobileãŒå¯¾å¿œã™ã‚‹OSã¯ã€iOSã€Androidã€Windows Phone 7ã€Blackberryã€Blackberry Playbookã€WebOSã€Firefox M
jQueryã‚’å¦ã¶ãŸã‚ã®ãƒªãƒ³ã‚¯é›†
1. 概è¦ã®ç†è§£ jQueryを一切知らãªã„å ´åˆã¯ã¾ãšã¯æ¦‚è¦ã®ç†è§£ã‹ã‚‰å§‹ã‚ã¾ã™ã€‚ ノンプãƒã‚°ãƒ©ãƒžãƒ¼ã®ãŸã‚ã®jQuery入門 http://www.slideshare.net/hayatomizuno/jquery-7665168 ã¯ã˜ã‚ã¦ã®jQuery http://higashizm.sakura.ne.jp/jquery_first/ 2. 基本的ãªä½¿ã„方をç†è§£ã™ã‚‹ サンプルを見ãªãŒã‚‰å…·ä½“çš„ãªã‚³ãƒ¼ãƒ‰ã‚’作æˆã—ç†è§£ã‚’æ·±ã‚ã¾ã™ã€‚ 40分ã§è¦šãˆã‚‹jQuery速修講座 http://ascii.jp/elem/000/000/498/498710/ jQuery基礎文法最速マスター http://blog.webcreativepark.net/2010/02/02-111519.html jQueryサンプル集 http://www.designwalker.com/2008/04/jque
ã•ãŒITã®ã»ã»ã‚“日記 : thickbox.js ã§èªã¿è¾¼ã‚€ãƒ•ã‚¡ã‚¤ãƒ«ã«å¼•æ•°ã‚’é€ã‚‹ - livedoor Blog（ブãƒã‚°ï¼‰
効果的ã«ã‚µãƒ–ウインドウを見ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€‚ lightbox.js http://www.huddletogether.com/projects/lightbox/ thickbox.js http://jquery.com/demo/thickbox/ thickbox.js を使ã£ã¦ã„ã¦PHPãªã©ã®ãƒ—ãƒã‚°ãƒ©ãƒ ã«å¼•æ•°ã‚’é€ã‚ŠãŸã„å ´åˆã€ 普通㫠hoge.php?TB_iframe=true&width=680&height=370&id=123 ãªã©ã¨ã‚„ã£ã¦ã‚‚「idã€ã¯é€ã‚‰ã‚Œãªã„。 ã—ょã†ãŒãªã„ã®ã§ thickbox.js 自体を見ã¦ã„ã。 196行目ã‚ãŸã‚Šã§ iframe frameborder='0' hspace='0' src='"+urlNoQuery[0]+"' id='TB_iframeContent' ã¨ã„ã†ã®ã‚’発見。 ã“ã“ã§iframeã‚’ã§å‘¼ã³å‡º
Moleskine Notebook with jQuery Booklet | Codrops
Today we will show you how to use and customize the brilliant jQuery Booklet Plugin by talented Will Grauvogel. We will create a virtual Moleskine notebook with latest posts from […] Today we will show you how to use and customize the brilliant jQuery Booklet Plugin by talented Will Grauvogel. We will create a virtual Moleskine notebook with latest posts from the blog. You can find the beautiful M
個人的ã«ä½¿ã†ã“ã¨ãŒå¤šã„9ã¤ã®jQuery・JavaScriptスニペット :: 5509
プラグインã ã‘ã©å…¬é–‹ã—ã¦ãªã„ã‚‚ã®ã ã£ãŸã‚Šã€ã„ã¤ã‚‚使ã£ã¦ã‚‹ãƒ—ラグインã¨ã®çµ„ã¿åˆã‚ã›ã ã£ãŸã‚Šã€ã‚·ãƒ§ãƒ¼ãƒˆã‚³ãƒ¼ãƒ‰ã¨ã‹ãªã‚“ã ã‹è‰²ã€…。ã©ã‚Œã‚‚Codaã«ã‚¹ãƒ‹ãƒšãƒƒãƒˆã§ç™»éŒ²ã—ã¦ã¦ä¸€ç™ºå¤‰æ›ã§ä½¿ã£ã¦ã¾ã™ã€‚ コードã¯ã‚¢ãƒ¬ãªã‚“ã§ã™ã‘ã©ã€ã²ã‚‡ã£ã¨ã—ã¦ã²ã‚‡ã£ã¨ã™ã‚‹ã¨èª°ã‹ã®å½¹ã«ç«‹ã¤ã‹ã‚‚ã—ã‚Œãªã„ã®ã§æ¥ãšã‹ã—ãªãŒã‚‰å…¬é–‹ã—ã¾ã™ã€‚対象ã¯ã¡ã‚‡ã£ã¨ã ã‘JS書ã‘ã‚‹ã¨ã‹ãã†ã„ã†äººã§ã™ã‹ããŸã¶ã‚“。書ã‘る人ã¯ã‚‚ã£ã¨ã‚レイãªã‚„ã¤ä½¿ã£ã¦ã‚‹ã§ã—ょã†ã—。（もã£ã¨ãã‚Œã„ã«æ›¸ã‘ã¨ã‹ä½•ãã®ã‚³ãƒ¼ãƒ‰ã¨ã‹ã‚‚æ“迎） 紹介ã—ã¦ã‚‹ã‚¹ãƒ‹ãƒšãƒƒãƒˆãŸã¡ ページトップã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã 㑠テã‚ストボックスã«ãƒ©ãƒ™ãƒ«è¡¨ç¤ºã™ã‚‹ã‚„㤠è¦ç´ ã®ã‚µã‚¤ã‚ºã‚’å–å¾—ã™ã‚‹ã‚„㤠タブãã‚Šã‹ãˆã‚‹ã‚„㤠IEã§é€éŽpngをフェードã—ãŸã¨ãã«é»’ããªã‚‹ã‚„ã¤å¯¾ç–ã®show()ã¨hide() Google Analyticsã®ãƒˆãƒ©ãƒƒã‚¯ã‚¤ãƒ™ãƒ³ãƒˆä¸€æ‹¬bind Ajaxサイトã«ã™ã‚‹ã¨ãã«ä½¿ã†ãƒªãƒ³ã‚¯ç½®ãæ›ãˆãƒ—ラグイン スク
åž‚ç›´ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’JavaScriptã§ã€ŒHorizontal Scroll Menu with jQueryã€
åž‚ç›´ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’JavaScriptã§ã€ŒHorizontal Scroll Menu with jQuery〠使用方法 Horizontal Scroll Menu with jQueryã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ä¸€å¼ã‚’ダウンãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.easing.1.3.js"></script> <script type="text/javascript" src="jquery.color.js"></script> <script type="text/javascript"> $(document).ready(function() { //マウスオーãƒãƒ¼ï¼ã‚¢ã‚¦ãƒˆæ™‚ã®è‰²t va
自分ãŒä½¿ã„ã‚„ã™ã„ã¨æ€ã£ãŸJSã‚’æ··ãœæ··ãœã—ã¦ã¿ã‚‹ï½œCSS HappyLife
JavaScriptã„ã¢ã£ã¦ã‚‹ã®ã¯æ¥½ã—ã„ã‘ã©ã€æ›¸ãã“ã¨ã¯ã¾ã£ãŸã出æ¥ãªã„ã®ã§ã€ä¼¼ãŸã‚ˆã†ãªæ©Ÿèƒ½ã‚’æŒã¤ã®ãŒå¤šã„ä¸ã§ã‚‚é¸ã¶ç†ç”±ã®ä¸€ã¤ãŒã€classåãŒæ°—ã«å…¥ã‚‹ã‹ã¨ã‹htmlãŒã”ã¡ã‚ƒã”ã¡ã‚ƒã—ãªã„ã‹ã¨ã‹ãã‚“ãªåŸºæº–ã ã£ãŸã‚Šã€‚ ã‚“ã§ã€jQueryã®ãƒ—ラグインã®ä¸ã§ã‚‚jquery_autoã•ã‚“ãŒã¼ã¡ã¼ã¡æ°—ã«å…¥ã£ãŸã‘ã©ã€classåãŒï¼ã¨ã‹æ€ã£ãŸã®ã§ã€ã„ã¢ã£ã¦è‡ªåˆ†ç”¨ã«ã—ã¦ã¿ã¾ã—ãŸã€‚ ãã‚“ãªäº‹ã—ã¦ãŸã‚‰ã€ä»–ã®ä¾¿åˆ©ãªJavaScriptも足ã—ã¦ã¿ãŸããªã£ãŸã®ã§ã€è¶³ã—ãŸã‚Šã—ã¦ãŸã‚‰ã“ã‚“ãªã‚“ãªã‚Šã¾ã—ãŸã£ã¦ã„ã†ã®ã‚’公開。 今回ãã®å®Ÿé¨“ã«ä½¿ã‚ã›ã¦ã„ãŸã ã„ãŸJavaScriptãŸã¡ã¯ä»¥ä¸‹ã€‚ jquery.js interface.js thickbox.js jQuery_Auto.js yuga.js heightLine.js 上記ã®è‰²ã€…ãªJSãŸã¡ã‚’自分用ã«ã—ãŸã‚µãƒ³ãƒ—ル？デモ？ã¨ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ä»¥ä¸‹ã€‚ サンプルページ ダウ
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
https://github.com/ukitaka/jSlideMenu
jQuery custom scrollbar
Development of extensions for Wordpress - JQuery Slider Shock
jQuery plugin Easy Notification | CSS Globe
https://www.pluginquery.com/
{{#tags}}- {{label}}
{{/tags}}