CSS3 Rounded Image With jQuery - Web Designer Wall
The other day I was trying to style CSS3 border-radius to image element and I realized that Firefox doesn’t display border-radius on images. Then I figured a way to work around it — wrap a span tag around with the original image as a background-image. Thanks to Darcy Clarke for the jQuery code which does the magic tag wrapping automatically. View Demo Rounded Images Goal My goal to use the CSS3 bo
jQueryã¨CSS3ã§æ–‡å—修飾ã«ä¾¿åˆ©ãªMS Officeã®Minibar風ウィジェットを実装ã™ã‚‹ã‚µãƒ³ãƒ—ル:phpspot開発日誌
jQueryã¨CSS3ã§æ–‡å—修飾ã«ä¾¿åˆ©ãªMS Officeã®Minibar風ウィジェットを実装ã™ã‚‹ã‚µãƒ³ãƒ—ル 2010å¹´05月27æ—¥- Why and how to create Microsoft Office Minibar with jQuery and CSS3 jQueryã¨CSS3ã§æ–‡å—修飾ã«ä¾¿åˆ©ãªMS Office 2007ã®Minibar風ウィジェットを実装ã™ã‚‹ã‚µãƒ³ãƒ—ル テã‚ストをé¸æŠžã™ã‚‹ã¨ã€ãƒ„ールãƒãƒ¼ãŒã†ã£ã™ã‚‰ã¨ç¾ã‚Œã€ãƒ„ールãƒãƒ¼å†…ã®ãƒœã‚¿ãƒ³ã‚’押ã™ã¨ã€æ–‡å—ãŒä¿®é£¾ã•ã‚Œã‚‹ã‚ˆã†ã‚¿ã‚°ã‚’付与ã—ã¦ãれるよã†ãªMinibar実装サンプルã§ã™ã€‚ デモページã§ã¯ãã®å ´ã§ãƒ—レビューã•ã‚Œã‚‹æ©Ÿèƒ½ã‚‚ã‚ã‚Šã¾ã™ã€‚ デモã§ã¯ã€b, i, uã‚¿ã‚°ã®ä»–ã€ãƒªãƒ³ã‚¯ã‚¿ã‚°ã—ã‹ã‚ã‚Šã¾ã›ã‚“ãŒã€ä»–ã«ã‚‚è¿½åŠ ã™ã‚‹ã“ã¨ã§ã€ãƒ†ã‚スト入力をより便利ã«ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ãã†ã§ã™ã。 関連エントリ フォームã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティã«è²¢çŒ®ã™ã‚‹jQuery
CSSã®ã¨jQueryã®ã€Œ:targetã€ã®é•ã„
先日ã”紹介ã—ãŸjQueryã§ã‚‚一部ã®ãƒ–ラウザã§åˆ©ç”¨ã§ãるよã†ã«ãªã£ãŸCSS3ã®ã‚»ãƒ¬ã‚¯ã‚¿ã€Œ:targetã€ã€‚jQueryã§ä½¿ã†ã“ã¨ã¯ã¾ã ã¾ã ãªã„ç¾çŠ¶ã§ã™ãŒã€è©¦ã—ã«ä½¿ã£ã¦ã¿ã¾ã—ãŸã€‚ ã¨ã“ã‚ãŒCSSã§ä½¿ã†æ™‚ã¨é•ã„ã€jQueryã§ä½¿ã†å ´åˆã¯ä¸€å·¥å¤«å¿…è¦ã‹ãªï¼Ÿãªã‚“ã¦æ€ã£ãŸã®ã§ã€ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ 「:targetã€ãŒé©ç”¨ã•ã‚Œã‚‹ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã¯ï¼Ÿ ã“ã®ã‚»ãƒ¬ã‚¯ã‚¿ã¯ã€ãƒšãƒ¼ã‚¸ã®URLã«ã€Œ#ã€ä»¥ä¸‹ãŒã¤ã„ãŸæ™‚ã«ã€ãã®ãƒãƒƒã‚·ãƒ¥ãŒç¤ºã™ç®‡æ‰€ãŒé¸æŠžã•ã‚Œé©ç”¨ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ã—ã‹ã—ã€JavaScriptã§æ‰±ã†å ´åˆã¯ã€é©ç”¨ã•ã›ã‚‹ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‚’考ãˆã‚‹å¿…è¦ãŒã‚るよã†ã§ã™ã€‚ 例ãˆã°ä¸‹ã§ç´¹ä»‹ã™ã‚‹ã‚µãƒ³ãƒ—ルを見ã¦ä¸‹ã•ã„。 ■サンプルHTML <p><a href="#test1">test1</a></p> <p id="test1">#test1</p> <p><a href="#test2">test2</a></p> <p id="
1
ãŠçŸ¥ã‚‰ã›
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}