[B! image][javascript] lizyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lizy id:lizy

imageã¨javascriptã«é–¢ã™ã‚‹lizyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (11)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‹ã‚‰ç”»åƒã‚’ã‚ãƒ£ãƒ—ãƒãƒ£ã™ã‚‹ Â |Â Articles Â |Â web.dev
ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‹ã‚‰ç”»åƒã‚’ã‚ãƒ£ãƒ—ãƒãƒ£ã™ã‚‹ ã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ•´ç† å¿…è¦ã«å¿œã˜ã¦ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ä¿å˜ã¨åˆ†é¡žã‚’è¡Œã„ã¾ã™ã€‚ ç¾åœ¨ã€å¤šãã®ãƒ–ãƒ©ã‚¦ã‚¶ã«ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã‚ˆã‚‹å‹•ç”»ãŠã‚ˆã³éŸ³å£°ãƒ•ã‚¡ã‚¤ãƒ«ã®å…¥åŠ›ã‚’å‡¦ç†ã™ã‚‹æ©Ÿèƒ½ãŒå‚™ã‚ã£ã¦ã„ã¾ã™ã€‚ãŸã ã—ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã£ã¦ã¯ã€ã“ã®æ©Ÿèƒ½ãŒå‹•çš„ã«çµ„ã¿è¾¼ã¾ã‚Œã¦ã„ã‚‹å ´åˆã‚„ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç«¯æœ«ä¸Šã«ã‚ã‚‹åˆ¥ã®ã‚¢ãƒ—ãƒªã«å‡¦ç†ãŒå§”ãã‚‰ã‚Œã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ã•ã‚‰ã«ã€ã™ã¹ã¦ã®ãƒ‡ãƒã‚¤ã‚¹ã«ã‚«ãƒ¡ãƒ©ãŒæè¼‰ã•ã‚Œã¦ã„ã‚‹ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã§ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ä½œæˆã®ç”»åƒã‚’ä½¿ç”¨ã—ã¦ã€ã‚ã‚‰ã‚†ã‚‹ãƒ‡ãƒã‚¤ã‚¹ã§é©åˆ‡ã«å‹•ä½œã™ã‚‹ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã‚’ä½œæˆã™ã‚‹ã«ã¯ã©ã†ã™ã‚Œã°ã‚ˆã„ã§ã—ã‚‡ã†ã‹ã€‚ ç°¡å˜ãªã‚±ãƒ¼ã‚¹ã‹ã‚‰å§‹ã‚ã‚‹ ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã‚’æ®µéšŽçš„ã«å‘ä¸Šã•ã›ã‚‹ã«ã¯ã€ã¾ãšã€ã‚ã‚‰ã‚†ã‚‹ãƒ‡ãƒã‚¤ã‚¹ã§æ©Ÿèƒ½ã™ã‚‹ã‚‚ã®ã‹ã‚‰å§‹ã‚ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚æœ€ã‚‚ç°¡å˜ãªæ–¹æ³•ã¯ã€äº‹å‰ã«éŒ²éŸ³æ¸ˆã¿ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«è¦æ±‚ã™ã‚‹ã“ã¨ã§ã™ã€‚ URL ã‚’å°‹ãã‚‹ ã“ã‚Œã¯æœ€ã‚‚ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã‚‹æ–¹æ³•ã§ã™ãŒ
lizy 2019/01/19
javascript

image

camera

webé–‹ç™º
ãƒªãƒ³ã‚¯
éžå¸¸ã«ç¾Žã—ã„coverflowã‚¹ãƒ©ã‚¤ãƒ‰ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€ŽImageFlowã€
éžå¸¸ã«ç¾Žã—ã„coverflowã‚¹ãƒ©ã‚¤ãƒ‰ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€ŽImageFlowã€ ImageFlowã¯PHPã¨JavaScriptã§ä½œã‚‰ã‚Œã¦ã„ã‚‹éžå¸¸ã«ç¾Žã—ã„coverflowã‚¹ãƒ©ã‚¤ãƒ‰ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã§ã™ã€‚ è¨ç½®æ–¹æ³• é…å¸ƒã‚µã‚¤ãƒˆã‚ˆã‚Šé–¢é€£ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã€ã‚µãƒ¼ãƒãƒ¼ã«ã‚¢ãƒƒãƒ—ã—ã¾ã™ã€‚ ã‚¹ãƒ©ã‚¤ãƒ‰ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’åˆ©ç”¨ã—ãŸã„ãƒšãƒ¼ã‚¸ã®headè¦ç´ å†…ã§ã€Žscreen.cssã€ã¨ã€Žimageflow.jsã€ã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ <link rel="stylesheet" title="Standard" href="screen.css" type="text/css" media="screen" /> <script language="JavaScript" type="text/javascript" src="imageflow.js"></script> ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’åˆ©ç”¨ã—ãŸã„ç®‡æ‰€ã«ä»¥ä¸‹ã®HTMLã‚³ãƒ¼ãƒ‰ã‚’è¨˜è¿°ã—ã¾
lizy 2008/02/08
javascript

ç”»åƒ

image

webdesign
ãƒªãƒ³ã‚¯
ImageFlow - Redirecting
ImageFlow has been moved to http://imageflow.finnrudolph.de - you will be redirected in 5 seconds.
lizy 2008/02/08
javascript

ç”»åƒ

image

library

webdesign
ãƒªãƒ³ã‚¯
http://youmos.com/news/jquery_thumbs
lizy 2007/08/21
javascript

jquery

image

webdesign
ãƒªãƒ³ã‚¯
ç”»åƒãŒã‚ºãƒ¼ãƒ ã—ãªãŒã‚‰æµ®ã‹ã³ä¸ŠãŒã£ã¦ãã‚‹ç‰¹æ®ŠåŠ¹æžœ | S i M P L E * S i M P L E
ç”»åƒãŒã‚ºãƒ¼ãƒ ã—ãªãŒã‚‰æµ®ã‹ã³ä¸ŠãŒã£ã¦ãã‚‹ç‰¹æ®ŠåŠ¹æžœ May 25, 2007 9:30 AM written by 8maki panic.comã§ã¯ç”»åƒã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ãã€ã¡ã‚‡ã£ã¨æ¥½ã—ã„ã€‚ ç”»åƒãŒã‚ºãƒ¼ãƒ ã—ãªãŒã‚‰æµ®ã‹ã³ä¸ŠãŒã£ã¦ãã¾ã™ã€‚ã‚ºãƒ¼ãƒ ã‚¢ã‚¦ãƒˆã‚‚ã™ã‚‹ã™ã‚‹ãƒ¼ã£ã¨æˆ»ã£ã¦ã„ãæ„Ÿã˜ã€‚ Lightbox.jsã§ã‚‚ZOOMç”¨ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ãŒã‚ã‚Šã¾ã™ãŒã€ã“ã‚Œã¯ZOOMã™ã‚‹ã¨ãã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒå°æ°—å‘³ã„ã„ã§ã™ãã€‚ å®Ÿè£…ã—ãŸã„æ–¹ã¯ã“ã¡ã‚‰ã‹ã‚‰ã€‚ â†’ effects.js ç´°ã‹ã„ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¯ç„¡ã„ã¿ãŸã„ã§ã™ãŒã€panic.comã‚„ä½œè€…ã®ãƒ–ãƒã‚°ã‚’å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ Â» panic.com Info: ç‰¹æ®ŠåŠ¹æžœ | å›ºå®šãƒªãƒ³ã‚¯ | ã‚³ãƒ¡ãƒ³ãƒˆ (1) | ãƒˆãƒ©ãƒƒã‚¯ãƒãƒƒã‚¯ (0) | â†‘ ã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ å°‘ã—æ°—ã«ãªã‚Šã¾ã—ãŸã®ã§ã€ã‚³ãƒ¡ãƒ³ãƒˆçµŒç”±ã§... effects.jsã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã«é–¢ã™ã‚‹è¨˜è¼‰ã‚’æ‹è¦‹ã—ã¾ã—ãŸãŒã€
lizy 2007/05/26
javascript

image

library
ãƒªãƒ³ã‚¯
classå±žæ€§æŒ‡å®šã§ç°¡å˜ã«ç”»åƒã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã‹ã‘ã‚‰ã‚Œã‚‹ã€ŒCorner.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
Corner.js Corner.js 1.0 allows you to add corners to images on your webpages. It uses unobtrusive javascript to keep your code clean. classå±žæ€§æŒ‡å®šã§ç°¡å˜ã«ç”»åƒã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã‹ã‘ã‚‰ã‚Œã‚‹ã€ŒCorner.jsã€ã€‚ classã« courner ã‚„ ishadow40 ,Â inverse ãªã©ã®å€¤ã‚’æŒ‡å®šï¼†çµ„ã¿åˆã‚ã›ã™ã‚‹ã“ã¨ã§æ¬¡ã®ã‚ˆã†ã«ç”»åƒã«ç°¡å˜ã«ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã‹ã‘ã‚‰ã‚Œã¾ã™ã€‚ javascriptãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚“ã§ç½®ãã ã‘ã§ã‚ã¨ã¯ class åæŒ‡å®šã‚’ã™ã‚‹ã ã‘ã§ç”»åƒã«ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã‹ã‘ã‚‰ã‚Œã‚‹ã¨ã„ã†ã“ã¨ã§ãªã‹ãªã‹ä¾¿åˆ©ã§ã™ãã€‚ ãŸã ã—ã€ï¼©ï¼¥ã§ã¯ä½¿ãˆãªã„ã‚ˆã†ãªã®ã§æ³¨æ„ãŒå¿…è¦ã§ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª æ³¨ç›®ï¼Flashã‚’å¿œç”¨ã—ã¦HTMLï¼†CSSã ã‘ã§ã¯é€šå¸¸ä½œã‚Œãªã„ç”»åƒåŠ¹æžœã‚’å¾—ã‚‹ã€Œ
lizy 2007/04/20
javascript

image

design

webdesign
ãƒªãƒ³ã‚¯
IEï¼•ã§ã‚¢ãƒ«ãƒ•ã‚¡ãƒãƒ£ãƒ³ãƒãƒ«PNGã‚’ä½¿ã†ãŸã‚ã®ä¸€ç•ªç°¡å˜ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€€ã‚ã‚‹ã„ã¯IEã®å¤±ã‚ã‚ŒãŸãƒ†ã‚¯ãƒŽãƒã‚¸ã«é©šç•°ã›ã‚ˆ
http://d.hatena.ne.jp/amachang/20070206/1170715555 http://labs.unoh.net/2007/02/ie6_png_fix.html http://web.kankodo.net/2007/02/01-233315.html http://phpspot.org/blog/archives/2007/02/iepngjavascript.html ãªã‚“ã‹ã¯ã‚„ã£ã¦ã‚‹ã¿ãŸã„ãªã‚“ã§ä½œã£ã¦ã¿ã¾ã—ãŸï¼ ä¸€ç•ªè¨å®šãŒç°¡å˜ã ã¨æ€ã†ã€‚IE5IE5.5ä»¥ä¸Šãªã‚‰å¤šåˆ†å‹•ã*1ã€‚ ã‚ã¨IEã™ã”ã„ã‚ˆï¼ã¨ã„ã†ãŠè©± ã‚„ã‚Šã‹ãŸ 1.æ¬¡ã®å†…å®¹ã‚’ alpha.htc ã¨ã„ã†åå‰ã§é©å½“ãªã¨ã“ã‚ã«ç½®ã <SCRIPT LANGUAGE="JScript"> (function(){ runtimeStyle.filter += 'progid:DXImageTransfo
lizy 2007/02/07
ie

javascript

jscript

image

tips
ãƒªãƒ³ã‚¯
IEã§é€éŽPNGç”»åƒã®é€éŽå‡¦ç†ã‚’ç°¡å˜ã«è¡Œã†JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œalphafilter.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
IEã§é€éŽPNGç”»åƒã®é€éŽå‡¦ç†ã‚’ç°¡å˜ã«è¡Œã†JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œalphafilter.jsã€ 2007å¹´02æœˆ05æ—¥- ã‚¢ãƒ«ãƒ•ã‚¡ç”»åƒã‚’æ‰±ã†alphafilter.jsãƒ©ã‚¤ãƒ–ãƒ©ãƒª-ã¨ã‚ã‚‹WEBã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®blog IE6ã§ã‚¢ãƒ«ãƒ•ã‚¡ç”»åƒ(é€éŽpng)ãŒä½¿ãˆãªã„ã“ã¨ã«ã‚ˆã‚Šã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®ä½œæ¥é‡ãŒå¤§å¹…ã«å¢—ã—ã¾ã™ã€‚ãã“ã§ã€IE6ã§é€éŽpngã‚’æ‰±ã†jsãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ IEã§é€éŽPNGç”»åƒã®é€éŽå‡¦ç†ã‚’ç°¡å˜ã«è¡Œã†JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œalphafilter.jsã€ã€‚ ä½¿ã„æ–¹ã¯ç°¡å˜ã§ã€ã¾ãšã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’æ¬¡ã®ã‚ˆã†ã«èªã¿è¾¼ã¿ã¾ã™ã€‚ prototype.jsã«ä¾å˜ã—ã¦ã„ã¾ã™ã€‚ <script type="text/javascript" src="./prototype.js"></script> <script type="text/javascript" src="./al
lizy 2007/02/06
ie

png

tips

javascript

library

image
ãƒªãƒ³ã‚¯
[JavaScript] ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ãƒ¼åŠ¹æžœ
[JavaScript] ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ãƒ¼åŠ¹æžœ Permalink URL http://www.magicvox.net/archive/2007/01201406/ Posted by ã´ã‚ã‚Š Posted at 2007/01/20 14:06 Trackbacks é–¢é€£è¨˜äº‹ (0) Post Comment ã‚³ãƒ¡ãƒ³ãƒˆã§ãã¾ã™ Category ã‚°ãƒãƒ¼åŠ¹æžœã«å¼•ãç¶šãã€HTML è¦ç´ ã«å½±ã‚’è½ã¨ã—ãŸã‚ˆã†ãªè¦–è¦šåŠ¹æžœã§ã‚ã‚‹ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ãƒ¼åŠ¹æžœ(drop shadow effect)ã‚’ä»˜ä¸Žã™ã‚‹ãŸã‚ã® JavaScript ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚
lizy 2007/01/24
javascript

library

webdesign

design

image

effect
ãƒªãƒ³ã‚¯
http://youmos.com/news/reflection_js.html
lizy 2006/12/21
javascript

library

design

image

ç”»åƒå‡¦ç†
ãƒªãƒ³ã‚¯
ãƒªã‚µã‚¤ã‚ºå¯èƒ½ãªãƒ–ãƒãƒƒã‚¯è¦ç´ ã‚’ãƒšãƒ¼ã‚¸ã«ä½œã‚‹ç‚ºã®JavaScriptã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ:phpspoté–‹ç™ºæ—¥èªŒ
Jack Slocum's Blog Resizable Reloaded - A reusa ble component for resizing elements This is a basic as you get. To resize the box, position your mouse anywhere near the bottom, right or bottom right edge of the box. This example uses the default "floating" handles. ãƒªã‚µã‚¤ã‚ºå¯èƒ½ãªãƒ–ãƒãƒƒã‚¯è¦ç´ ã‚’ãƒšãƒ¼ã‚¸ã«ä½œã‚‹ç‚ºã®JavaScript ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€‚ æ¬¡ã®ã‚ˆã†ã«ã€ãƒ–ãƒãƒƒã‚¯è¦ç´ ã«ãƒªã‚µã‚¤ã‚ºãƒãƒ³ãƒ‰ãƒ«ã‚’ä»˜ã‘ã‚‹ã“ã¨ãŒã§ãã€ç”»åƒã‚’ãã®å ´ã§ãƒªã‚µã‚¤ã‚ºã§ãã¾ã™ã€‚ å°ã•ã„ç”»åƒã‚’ç½®ã„ã¦ãŠã„ã¦ã€åˆ©ç”¨è€…ãŒè‡ªç”±ã«ãƒªã‚µã‚¤ã‚ºã™ã‚‹ã‚ˆã†ãªï¼µï¼©ãŒå®Ÿç¾å‡ºæ¥ã¾ã™ã€‚ Yahoo
lizy 2006/11/29
javascript

library

image
ãƒªãƒ³ã‚¯
1