ちゃんとした C# プログラムを書けるようになる実践的な方法~ Visual Studio を使った 高品質・低コスト・保守性の高い開発慎一 古賀
![プログラム組んだら負け!実はHTML/CSSだけでできること2015夏](https://cdn-ak-scissors.b.st-hatena.com/image/square/04d9b70ff4652b1a38557ec12c3c79f69df51e90/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fseminar20150725forshare-150725062021-lva1-app6892-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
「LazyLoad Plugin」は、画像をページのロード時ではなく非同期に読み込んでくれるjQueryプラグインです。設定によりスクロールした際に画像をロードしたりしてくれます。 ダウンロード | デモ スクリプト <script src="jquery.min.js" type="text/javascript"></script> <script src="jquery.lazyload.min.js" type="text/javascript"></script> 実装 <img class="lazy" src="ダミー画像" data-original="画像URL"> <script type="text/javascript"> $(function() { $("img").lazyload({ effect: "fadeIn" }); }); </script> Pl
参照:Easy Display Switch with CSS and jQuery 例1:サムネイル下部配置+キャプションなし 例2:サムネイル左配置+キャプション表示 例3:サムネイル上部配置 【設置サンプルのソース】 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Con
サンプルコード ———————————————————————- – [動作サンプル](https://bowz.info/wp-content/uploads/2012/07/dropdown.html) 以上です!
<p></p> <select id="single"> <option>Single</option> <option>Single2</option> </select> <select id="multiple" multiple="multiple"> <option selected="selected">Multiple</option> <option>Multiple2</option> <option selected="selected">Multiple3</option> </select> function displayVals() { var singleValues = $("#single").val(); var multipleValues = $("#multiple").val() || []; $("p").html("<b>Single:</b
How To Use Disclaimer: This is an experimental, just-for-fun sort of project and hasn’t been thoroughly tested. Design and build your site, dividing your content into blocks. ★ ★ ★ Embed scrollorama.js after jQuery and initialize the plugin, passing the blocks class selector as a parameter. $(document).ready(function() { var scrollorama = $.scrollorama({ blocks:'.scrollblock' }); }); ★ ★ ★ Target
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く