Multi-level Photo Map | Codrops
This multi-level map based image gallery makes it possible to show images related to their location. The first level indicates the location of the places where each one has a set of images, and the second level shows each single image and its location. Using Google Maps, we’ll have the location shown on the left side while the images of a location are shown on the right. The images can be viewed i
レスãƒãƒ³ã‚·ãƒ–対応ã®jQueryスライダー系ライブラリ × 11é¸ - ONZE
レスãƒãƒ³ã‚·ãƒ–・デザインã«å¯¾å¿œã—ãŸã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚„スライドショー系ã®ãƒ©ã‚¤ãƒ–ラリをã¾ã¨ã‚ã¾ã—ãŸã€‚ã»ã¨ã‚“ã©ãŒjQueryプラグインã«ãªã‚Šã¾ã™ãŒã€ä¸ã«ã¯å˜ä½“ã§å‹•ãã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚オプションè¨å®šã§å¤šæ•°ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®ä¸ã‹ã‚‰å¥½ã¿ã®å‹•ä½œã®ã‚‚ã®ã‚’é¸æŠžã§ããŸã‚Šã€è‡ªå‹•ã‚¹ãƒ©ã‚¤ãƒ‰ã‚„サムãƒã‚¤ãƒ«è¡¨ç¤ºã‚„フリック入力ã«å¯¾å¿œã™ã‚‹ãªã©ã€ãã®ã‚¿ã‚¤ãƒ—も様々。 åˆå¿ƒè€…ã®æ–¹ã§ã‚‚上級者ã®æ–¹ã§ã‚‚ã€ç›®çš„ã«åˆã£ãŸjQueryスライダーを見ã¤ã‘られるã¯ãšã§ã™ã€‚ bxSlider 最åˆã«ç´¹ä»‹ã™ã‚‹ã®ãŒï¼»bxSliderï¼½ã§ã™ã€‚ è¨å®šãŒç°¡å˜ã§åˆå¿ƒè€…ã«ã‚‚扱ã„ã‚„ã™ãã€æœ¬å½“ã«åˆã‚ã¦jQueryã«è§¦ã‚Œã‚‹ãªã‚‰ä¸€ç•ªåˆã‚ã«è©¦ã—ã¦ã¿ã‚‹ã“ã¨ã‚’ãŠå‹§ã‚ã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã§ã™ã€‚ ãŸã ã—カルーセル化ã™ã‚‹ã¨ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–機能ã«ä¸å…·åˆãŒã‚ã‚‹ã®ãŒæ®‹å¿µãªã¨ã“ã‚。 ダウンãƒãƒ¼ãƒ‰URL
Custom Login Form Styling | Codrops
In this tutorial we will create some modern and creative login forms using some interesting CSS techniques and HTML5 goodness. Hi guys! I’m back with another CSS tutorial! After button switches and drop-down lists, let’s create some forms. In particular, we will be creating login forms. Nowadays, almost every web service, application, game etc. allows (or even requires) user subscription, which me
アイデアクラウド
2Dã€3Dã€ã‚¢ãƒã‚¿ãƒ¼ãªã©ã€ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã ã‹ã‚‰ã“ã実ç¾ã§ãる〠“ã“ã‚“ãªå±•ç¤ºä¼šã‚’開催ã—ãŸã„“想ã„ã‚’ã€å…±ã«åˆ¶ä½œ
Microjs: Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit!
Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit! How much library code do you really need — 50K? 100K? 150K? More? How much of that do you really use? Sure, we all love our favorite monolithic frameworks, and sometimes we even use them fully. But how often do we reach for the ride-on John Deere tractor with air conditioning and six-speaker sound system, when a judiciously applied
List.js
List.js v2.3.1 Tiny, invisible and simple, yet powerful and incredibly fast vanilla JavaScript that adds search, sort, filters and flexibility to plain HTML lists, tables, or anything. Hi! I'm Jonny and the author of List.js. I hope you like the lib. I’ve put a lot of hours into it! Feel free to follow me on Twitter and GitHub for news and donate a coffee for good karma ;) Follow @javve Donate a c
レスãƒãƒ³ã‚·ãƒ–サイトã®åˆ‡ã‚Šæ›¿ãˆãƒã‚¤ãƒ³ãƒˆã€œjavaScript | IT工房｜AI入門ã¨Web開発
レスãƒãƒ³ã‚·ãƒ–サイトを作æˆã™ã‚‹ã¨ãã«ã€javascriptã§åˆ‡ã‚Šæ›¿ãˆãƒã‚¤ãƒ³ãƒˆã‚’èªè˜ã•ã›ã‚‹æ–¹æ³•ã®èª¬æ˜Žã§ã™ã€‚ javascriptã§ã™ã‹ã‚‰jQueryã§ã‚‚使用ã§ãã¾ã™ã€‚ CSSメディアクエリã«ã‚ˆã‚‹åˆ‡ã‚Šæ›¿ãˆ ã¾ãšã¯ã€CSSã§ã®ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã‚’利用ã—ãŸåˆ‡ã‚Šæ›¿ãˆãƒã‚¤ãƒ³ãƒˆã®ä¾‹ã§ã™ã€‚ 501px以上ã§ã¯div.baseã¯èµ¤è‰²ã§ã™ãŒã€500px以下ã§ã¯div.baseã¯ç·‘色ã«ãªã‚Šã¾ã™ã€‚ ã“ã‚Œã¯CSSã®ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã§æŒ‡å®šã—ãŸã‚‚ã®ã§ã™ã€‚ CSSメディアクエリã«ã‚ˆã‚‹åˆ‡ã‚Šæ›¿ãˆã‚µãƒ³ãƒ—ル HTMLコード <div class="base"></div> CSSコード .base{ width:200px; height:100px; background-color: red; } @media (max-width:500px){ .base{ background-color: green; } } jQuery
prependTo(content) - jQuery 日本語リファレンス
è¦ç´ ã®ä¸èº«ã‚’ä»–ã®è¦ç´ ã®å…ˆé ã«æŒ¿å…¥ã™ã‚‹ã€‚ 例ãˆã° $(A).prepend(B) ã¨ã—ãŸå ´åˆã«Aã«BãŒæŒ¿å…¥ã•ã‚Œã‚‹ã®ã«å¯¾ã—ã¦ã€$(A).prependTo(B) ã§ã¯Bã«AãŒæŒ¿å…¥ã•ã‚Œã‚‹ã€‚ 両方ã®ã‚µãƒ³ãƒ—ルを見ã¦ã€é•ã„ã«æ³¨æ„ã™ã‚‹ã“ã¨ã€‚
scrollUp jQuery plugin — Mark Goodyear — Front-end developer and designer
Jan 22, 2013 ScrollUp is a lightweight jQuery plugin to create a customisable "Scroll to top" feature that will work with any website, with ease. Recently whilst working on a client project I was required to implement a “Scroll to top†feature to make it easy for the user to get back to the top of the page. I decided to take this further and turn it into a fully customisable jQuery plugin to work
jQueryã§ï¼ˆn）番目（ｎå€æ•°ï¼‰ã®ç‰¹å®šè¦ç´ ã«å‡¦ç†ã‚’åŠ ãˆã‚‹ã€Œ:nth-child()ã€ã®ã¡ã‚‡ã£ã¨ä¾¿åˆ©ãªä½¿ã„方｜BLACKFLAG
Webページ上ã®ï¼œli＞リストãªã©ã€ ã„ãã¤ã‚‚åŒã˜è¦ç´ ãŒç¹°ã‚Šè¿”ã•ã‚Œã‚‹ã‚‚ã®ã«å¯¾ã—ã¦ã€ jQueryを使ã£ã¦ã€ç‰¹å®šã®ï¼ˆn）番目ã®ç‰©ã«å‡¦ç†ã‚’åŠ ãˆã‚‰ã‚Œã‚‹ 「:nth-child()ã€ã®ã¡ã‚‡ã£ã¨ä¾¿åˆ©ãªä½¿ã„æ–¹ã®ç´¹ä»‹ã‚’ã—ã¦ã¿ã¾ã™ã€‚ 「:nth-child()ã€ã®åŸºç¤Žçš„ãªä½¿ã„æ–¹ã¨ã—ã¦ã¯ 連続ã—ã¦ã„ã‚‹è¦ç´ ã®n番目ã®è¦ç´ ã«å¯¾ã—㦠特定ã®å‡¦ç†ã‚’åŠ ãˆã‚‰ã‚Œã‚‹ã¨ã„ã†ã‚‚ã®ã€‚ 例ãˆã°ä¸‹è¨˜ã®æ§˜ãªãƒªã‚¹ãƒˆãŒã‚ã£ãŸå ´åˆã€ â—†HTMLã€SAMPLE01】 <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>10</li> </ul> ã“ã®ãƒªã‚¹ãƒˆã®3番目ã®è¦ç´ ã®ã¿ã« 背景色を変ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—トを実行ã•ã›ã‚‹å ´åˆã€‚ â—†SCRIPTã€SAMPLE01】 <script type=
jQueryã§thisã®åè¦ç´ ã‚’å–å¾—ã™ã‚‹ã‚„ã‚Šæ–¹ã„ã‚ã„ã‚ | Base Views
公開 2010å¹´6月6日（日） æ›´æ–°æ—¥ 2014å¹´8月18日（月） スãƒãƒ³ã‚µãƒ¼ãƒªãƒ³ã‚¯ jQueryを使ã£ã¦ã„ã¦ã€thisã¨ãã®åè¦ç´ ã‚’åŒæ™‚ã«æŒ‡å®šã—ãŸã„å ´åˆãŒã‚る。 çµæ§‹ã„ã‚ã‚“ãªã‚„ã‚Šæ–¹ãŒã‚ã‚‹ã¿ãŸã„ã§ã€å–ã‚Šã‚ãˆãšä½¿ã„ã‚„ã™ãã†ãªã®ã§ä¸‹ã®3通り。 $("hoge",this) $(this).children("hoge") $(this).find("hoge") 一番上ãŒã‚·ãƒ³ãƒ—ルã§ã„ã„ã‹ã¨æ€ã†ã‚“ã§ã™ãŒã€å–å¾—ã—ãŸã„this直下ã®è¦ç´ åã‚’thisã®æ‰‹å‰ã«æ›¸ãã‚“ã§ã™ã… 使ã„ã©ã“ã‚ã¯å¤šãã†ã§ã™ãŒã€ä¾‹ãˆã°ä¸‹ã¿ãŸã„ãªã®ã€‚「Click1ã€ã‚’クリックã—ãŸã‚‰ãã®ç›´ä¸‹ã®<div>ãŒéš れるよã†ã«ã—ãŸã„å ´åˆã¨ã‹ã€‚ <ul> <li>Click1 <div> <h2>Menu1</h2> <p>text1</p> </div> </li> <li>Click2 <div> <li>Menu2</li> <li>tex
jQuery/CSS 連番を自動的ã«ä»˜ä¸Žã™ã‚‹æ–¹æ³•
There are just too many unknowns. : ã¨ã«ã‹ã分ã‹ã‚‰ãªã„点ãŒå¤šéŽãŽã‚‹ã€‚ HTMLã§è¨€ã†ã¨ã“ã‚ã®<li>ã®ã‚ˆã†ãªé€£ç•ªã‚’ã€CSSã‚„jQueryã§è‡ªå‹•ä»˜ä¸Žã™ã‚‹æ–¹æ³•ã‚’知ã£ãŸã®ã§ãƒ¡ãƒ¢ã€‚ jQueryã§é€£ç•ªã‚’付与ã™ã‚‹æ–¹æ³• .each()メソッドを利用ã™ã‚‹ã€‚.each()メソッドã¯æŒ‡å®šã—ãŸã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼1ã¤1ã¤ã«å‡¦ç†ã‚’é †ç•ªã«è¡Œã†å‹•ãã‚’ã™ã‚‹ã€‚ ã„ã‚ゆるループã¨å‘¼ã°ã‚Œã‚‹ã‚れ。 $(function() { var i = 1; $('セレクタ').each(function(){ ～連番ã®ä»˜ã‘方～ i++; }); }); var i = 1;部分ãŒã‚«ã‚¦ãƒ³ã‚¿åˆæœŸå€¤ã®è¨å®šã€‚ ページãƒãƒ¼ãƒ‰æ™‚ã«$(‘セレクタ’)を見ã¤ã‘ã«è¡Œãã€1ã¤ç›®ã‚’見ã¤ã‘ãŸæ™‚点ã§ï½žé€£ç•ªã®ä»˜ã‘方～部分ã®å‡¦ç†ã‚’è¡Œã†ã€‚ 処ç†ãŒçµ‚ã‚ã£ãŸã‚‰i++ã§ã‚«ã‚¦ãƒ³ã‚¿ã®æ•°å€¤ã‚’1プラスã™ã‚‹ã€‚ ãã®å¾Œã€ã¾ãŸ$(‘セレクタ’)を見ã¤ã‘ã«è¡Œã
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
jQuery form wizard Plugins | jQuery Script
Swiper - Most Modern Mobile Touch Slider
jQueryã§è¦ç´ を削除ã™ã‚‹ã„ãã¤ã‹ã®æ–¹æ³•ã€œremove,empty,unwrap
.prependTo() | jQuery API Documentation
ã€jQuery】親è¦ç´ を削除ã™ã‚‹ - Qiita
jQueryを使ã£ã¦ã‚¿ã‚°ã®å†…容ãŒç©ºã®å ´åˆã¯ãã®ã‚¿ã‚°ã‚’削除ã™ã‚‹ - Qiita
jQuery - リアルタイムã«æ™‚刻を表示ã•ã›ã‚‹ | Mitakalab
http://joelb.me/scrollpath/
{{#tags}}- {{label}}
{{/tags}}