[JS]スライダーやタブやページãƒãƒ¼ã‚·ãƒ§ãƒ³ãªã©ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’å°‘ãªã„コードã§å®Ÿè£…ã™ã‚‹è¶…軽é‡ï¼ˆ8kb）ã®ã‚¹ã‚¯ãƒªãƒ—ト -vanity
スライダーã€ã‚¿ãƒ–ã€ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒ„ールãƒãƒƒãƒ—ãªã©ã€ã‚¦ã‚§ãƒ–ページã§ã‚ˆã使用ã™ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„をシンプルã«ã‚ˆã‚Šå°‘ãªã„コードã§å®Ÿè£…ã§ãるよã†é–‹ç™ºã•ã‚ŒãŸjQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ vanity jquery toolset [ad#ad-2] vanityã¯7種類ã®ãƒ„ールãŒã‚ã‚Šã€ãã‚Œãžã‚Œ8kbã¨è¶…軽é‡ã®ã‚¹ã‚¯ãƒªãƒ—トã¨ãªã£ã¦ã„ã¾ã™ã€‚ 機能ã¯ã‚·ãƒ³ãƒ—ルã§ã€ã‚ˆã‚Šå°‘ãªã„コードã§ç°¡å˜ã«å®Ÿè£…ã§ãるよã†ã«è¨è¨ˆã•ã‚Œã¦ã„ã¾ã™ã€‚ 以下ã€7ã¤ã®ãƒ„ールã¨ãã®ã‚³ãƒ¼ãƒ‰ã‚’紹介ã—ã¾ã™ã€‚ ※外部ファイル・スタイルシートã¯çœç•¥ スライダーã®ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ divè¦ç´ やリストè¦ç´ ã§å®Ÿè£…ã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã§ã™ã€ã‚¹ãƒ©ã‚¤ãƒ‰ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚„スピードも調整ã§ãã¾ã™ã€‚ HTML <!-- the slider content holder --> <div class="slider"> <!-- the elements inside the s
kojilow Blog | ページé·ç§»æ™‚ã«ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ãƒ»ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆ
Re:designã®ã‚µã‚¤ãƒˆã§è¨ç½®ã—ãŸã€jQueryを使用ã—ã¦ãƒšãƒ¼ã‚¸é·ç§»æ™‚ã«ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ãƒ»ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆã•ã›ã‚‹æ–¹æ³• //インラインCSSã§#wrapper{display;block;}ã‚’è¿½åŠ $(‘head’).append(‘<style type=â€text/cssâ€>#wrapper{display;none;}</style>’); $(function(){ //èªã¿è¾¼ã¿æ™‚ã«ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ $(‘#wrapper’).fadeIn(1000); //aタグクリック時ã«ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆå®Ÿè¡Œ $(‘#navi a, a.windowFade’).click(function(){ var url = $(this).attr(“hrefâ€); $(‘#wrapper’).animate({“opacityâ€:0},1000,function(){ location.href = url;
ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ç”¨jQueryプラグインãªã©ã¾ã¨ã‚ | PozuPad
何ã‹ã¨ä½¿ã†ã“ã¨ã®å¤šã„ギャラリー系プラグイン。生憎僕ã¯1ã‹ã‚‰ä½œã‚‹ã“ã¨ãŒã§ããªã„ã®ã§ã€ãã®éƒ½åº¦é…布ã•ã‚Œã¦ã‚‹ã‚‚ã®ã‚’ã¡ã¾ã¡ã¾æŽ¢ã—ã¦ã„ãŸã‚Šã—ã¾ã™ã€‚毎回åŒã˜ãƒ—ラグインを見ã¦ã¯ã€ã€Œã‚ãã“ã‚Œå‰ã‚‚見ãŸãªãƒ¼ã€ã¨æ€ã„出ã™æƒ…ã‘ãªã„僕ãªã®ã§ã€ã‚®ãƒ£ãƒ©ãƒªãƒ¼é›†ã‚’ã¾ã¨ã‚ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ãªãŠã€ãƒ©ã‚¤ã‚»ãƒ³ã‚¹é–¢ä¿‚ã¯ãƒ¡ãƒ¢ã—ã¦ã„ãªã„ã®ã§å„サイトã«ã¦ã”確èªãã ã•ã„。 ギャラリー（ãƒãƒƒãƒ—アップ型） ColorBox [ jQuery ] エフェクトãŒãŸãã•ã‚“用æ„ã•ã‚Œã¦ã„ã¾ã™ã。 Fancybox [ jQuery ] シンプルãªã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€‚ Galleria [ jQuery ] フルスクリーン対応。 Galleriffic [ jQuery ] サムãƒã‚¤ãƒ«ãƒªã‚¹ãƒˆã®éš£ã«ç”»åƒè¡¨ç¤ºã€‚ Image Gallery v1.0 [ Flash ] 使ã†å ´é¢ã¯ã‚ã¾ã‚Šæ€ã„ã¤ãã¾ã›ã‚“ãŒã€ã“ã†ã„ã†ã®ä½œã‚ŒãŸã‚‰è‰¯ã„ãªã。 Lightview [ jQuer
Portfolio Image Navigation with jQuery | Codrops
Today we want to create a portfolio image navigation template with jQuery. The idea is to show some portfolio items in a grouped fashion and navigate through them in all 2D ways (horizontal/vertical). Either the arrows or the little boxes below the current image can be used in order to navigate. Today we want to create a portfolio image navigation template with jQuery. The idea is to show some por
『iPhoneサイトã§ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’ç°¡å˜ã«ãƒ•ãƒªãƒƒã‚¯æ“作対応ã•ã›ã‚‹ã€
本を買ã‚ãšã«è§£æ±ºã™ã‚‹Web制作ã®å°æŠ€ ホームページ作æˆã§ã¡ã‚‡ã£ã¨ã—ãŸã“ã¨ã‚’å‚考書を買ã‚ãšã«è§£æ±ºã™ã‚‹æ–¹æ³•ã‚’PHP CSS Webデザイン jQuery Flashã‚’ä¸å¿ƒã«ä¾¿åˆ©ãªæŠ€ã‚’ã¾ã¨ã‚ã¦ã„ãã¾ã™ï¼ç¾åœ¨ã€é•·é‡ŽçœŒé•·é‡Žå¸‚ã®åˆ¶ä½œä¼šç¤¾ã§Web作æˆä¸ï¼ iPhoneサイトã§ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’フリックæ“作ã«å¯¾å¿œã•ã›ã‚‹â€»iPhoneã§è¦‹ã¦ãã ã•ã„ フリック対応ã®ãƒ‡ãƒ¢ã¯ã“ã¡ã‚‰ 先月ã€iPhoneサイトã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’集ã‚ãŸiPhoneデザインボックスを公開ã—ã¾ã—ãŸã€‚ å響ã¯ã™ã”ãã‚ã‚Šã€ã‚¢ãƒ«ãƒ•ã‚¡ãƒ–ãƒã‚¬ãƒ¼ã®ãƒã‚¿å¸³ã•ã‚“ã‚„Webクリエイターボックスã•ã‚“ã€PHPSPOTke-tai.orgã•ã‚“ãªã©å¤šãã®æ–¹ã«ç´¹ä»‹ã—ã¦ã„ãŸã ãã¾ã—ãŸã€‚ ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ ç¾åœ¨ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ã‚µã‚¤ãƒˆã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ç°¡å˜ãªæ–¹æ³•ã¨ã—㦠フレームワークã®jQueryMobileを使ã†æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ ç§ã¯ã€æœ€åˆã‹ã‚‰æ¥½ã‚’ã™ã‚‹ã®ãŒå¥½ãã§ã¯ãªã„ã®ã§è‡ª
使ã„ã‚„ã™ã„FAQをサクッã¨ä½œã‚‹éš›ã«ä¾¿åˆ©ãªjQueryプラグイン「SimpleFAQã€:phpspot開発日誌
JK - jQuery SimpleFAQ 使ã„ã‚„ã™ã„FAQをサクッã¨ä½œã‚‹éš›ã«ä¾¿åˆ©ãªjQueryプラグイン「SimpleFAQã€ã€‚ FAQã¨ã„ã†ã¨å†…容ãŒå¤šããªã‚Œã°ãƒšãƒ¼ã‚¸ãŒé•·ããªã£ã¦è¦‹é›£ãã©ã‚“ã©ã‚“使ã„ã¥ã‚‰ããªã£ã¦ã„ãã¾ã™ã。 ãã‚“ãªå ´åˆã«ã€é …ç›®ã¯ä¸¦ã¹ã¤ã¤ã‚‚ã€ã‚¯ãƒªãƒƒã‚¯ã—ãŸéš›ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è³ªå•ã®ã™ã下ã«ç¾ã‚Œã‚‹ã‚ˆã†ãªFAQãŒç°¡å˜ã«ä½œã‚Œã¾ã™ã€‚ 質å•ã®ãƒªã‚¹ãƒˆã€‚ ã¨ã‚Šã‚ãˆãšè³ªå•ãŒä¸¦ã‚“ã§ã„ã‚‹ã®ã§åˆ†ã‹ã‚‰ãªã„ã“ã¨ã‚’探ã—ã¦ã‚‚らã„ã¾ã™ã€‚ ãã‚“ãªã«å¤§è¦æ¨¡ãªFAQã˜ã‚ƒãªã‘ã‚Œã°è³ªå•é …目を羅列ã—ã¦ãŠãã ã‘ã§ã‚‚ãã‚Œãªã‚Šã«ä½¿ã„ã‚„ã™ã„ã§ã™ã€‚ クリックã™ã‚Œã°ãƒšãƒ¼ã‚¸ç§»å‹•ã¨ã‹ã‚‚ãªãã€ãã®å ´ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ãªãŒã‚‰ç”ãˆãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ 別ページã«ç§»å‹•ã—ãŸã‚Šã¨ã„ã£ãŸã“ã¨ãŒãªãã€ã‚¹ãƒˆãƒ¬ã‚¹ãƒ•ãƒªãƒ¼ã§å†…容ãŒè¦‹ã‚Œã¾ã™ã€‚ä»®ã«ç”ãˆãŒçš„外れã§ã‚‚戻ã£ãŸã‚Šã›ãšã«ã™ãã«ä»–ã®è³ªå•ã«è¡Œã‘ã¾ã™ ã§ã€ä½•ãŒã„ã„ã‹ã¨ã„ã†å€‹äººçš„ã«ãŠã™ã™ã‚ã™ã‚‹ç‚¹ã¯ã€ä½œã‚Šæ–¹ã€‚ 作り手ã¯ã€
最近気ã«ãªã£ã¦ããŸjQueryã«ã¤ã„ã¦è‰²ã€…調ã¹ã¦ã¿ã¾ã—㟠- ã‚‚ã¨ã¾ã‹æ—¥è¨˜
最近ã€ã€ŒjQueryã€ã¨ã„ã†ã‚ーワードをよã見ã‹ã‘ã¾ã™ã€‚ ã“ã‚Œã£ã¦ä½•ã ã‚？ã¨æ€ã£ãŸã®ã§èª¿ã¹ã¦ã¿ãŸã‚‰ã€JavaScriptã®ãƒ©ã‚¤ãƒ–ラリã®ã‚ˆã†ã§ã€‚ ã¦ã“ã¨ã§ã€æœ€è¿‘ã¡ã‚‡ã£ã¨æ°—ã«ãªã£ã¦ãŸJQueryã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ jQueryã®æ¦‚è¦ ã¾ãšã¯é›£ã—ã„ã“ã¨ã¯æŠœãã«ã—ã¦ã€ä»¥ä¸‹ã‚’èªã‚“ã§ã¿ã‚‹ã¨åˆ†ã‹ã‚Šã‚„ã™ã„ã§ã™ã€‚ ã¯ã˜ã‚ã¦ã®jQuery jQuery仕様関連 一応ã§ã™ãŒã€ä»•æ§˜ã«ã¤ã„ã¦ã€‚ jQuery 日本語リファレンス å¿…è¦ã«å¿œã˜ã¦ã¿ã‚Œã°ã„ã„ã‹ãªï¼Ÿã¨æ€ã£ã¦ã‚‹ã®ã§ã€ã¾ã ç´°ã‹ãã¯è¦‹ã¦ã¾ã›ã‚“。 åˆå¿ƒè€…å‘ã‘ã®åŸºç¤ŽçŸ¥è˜ã€åŸºç¤Žè¬›åº§ 最åˆã¯åˆå¿ƒè€…å‘ã‘ã®è¨˜äº‹ã‚’èªã‚“ã§ã¿ã‚‹ã¨è‰¯ã•ãã†ã§ã™ã€‚ ASCII.jp：40分ã§è¦šãˆã‚‹ï¼jQuery速習講座一晩ã§è¦šãˆã‚‹jQueryã®é€†å¼•ã基礎サンプル7ã¤jQuery事始ã‚・コピペã«é ¼ã‚‰ãšã€åŸºç¤ŽçŸ¥è˜ã‚’ç†è§£ã—ã¦å®Ÿéš›ã«å‹•ã‹ã—ã¦ã¿ã‚‹jQuery 開発者å‘ã‘メモ サンプルã€ãƒ—ラグイン 調ã¹ã¦ã¦
divを並ã¹ãŸå¾Œã€ãŸã£ãŸï¼‘è¡Œã§ã‚ªã‚·ãƒ£ãƒ¬ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒå®Ÿè£…ã§ãã‚‹jQueryプラグイン「jShowOffã€:phpspot開発日誌
divを並ã¹ãŸå¾Œã€ãŸã£ãŸï¼‘è¡Œã§ã‚ªã‚·ãƒ£ãƒ¬ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒå®Ÿè£…ã§ãã‚‹jQueryプラグイン「jShowOff〠2011å¹´02月10æ—¥- jShowOff: a jQuery Content Rotator Plugin by Erik Kallevig divを並ã¹ãŸå¾Œã€ãŸã£ãŸï¼‘è¡Œã§ã‚ªã‚·ãƒ£ãƒ¬ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒå®Ÿè£…ã§ãã‚‹jQueryプラグイン「jShowOff〠次ã®ã‚ˆã†ãªã€ãªã‚“ã¨ã‚‚オシャレãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒç°¡å˜ã«å®Ÿè£…ã§ãã¦ã—ã¾ã„ã¾ã™ã€‚ 実際ã®ã‚³ãƒ¼ãƒ‰ã¯æ¬¡ã®ã‚ˆã†ã«ã¨ã¦ã‚‚シンプル。 <div id="features"> <div><p>This is a slide!</p></div> <div><a href="http://google.com"><img src="//www.google.com/intl/en_ALL/images/logo.gif" alt="Google Logo" /><
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
BookBlock: A Content Flip Plugin - Demo 3
dev7studios
http://tobia.github.io/CrossSlide/
Skitter • Slideshow for anytime
{{#tags}}- {{label}}
{{/tags}}