2017-01-13から1日間の記事一覧

node.js モジュール cheerio-httpcli

// モジュールの取り込みvar client = require('cheerio-httpcli'); // ダウンロード var url = "http://www.aozora.gr.jp/index_pages/person81.html"; var param = {};// fetch ダウンロードからページの解析ができるメソッドclient.fetch(url, param, fun…

jQuery memo_03 hover

index.html ----- <html lang="ja"> <head> <meta charset="utf-8"> <title>ホバーで表示</title> <link rel="stylesheet" href="css/style.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> </head> <body> <div class="col-4 gallery-item"> </div></body></html>

jQuery memo_02

index.html --- <html lang="ja"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="css/style.css"> <title>クリックで表示</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> </head> <body> <div id="read-more">もっと読む</div> <div id="more-text">…</div></body></html>

jQuery memo_01

$(function(){ // SNSボタン $('.social-icon').hover( function(){ $(this).children('span').animate({ 'font-size':'30px' }, 300); }, function(){ $(this).children('span').animate({ 'font-size':'24px' }, 300); } ); // トップへ戻るボタン $('#top…

css memo 2*2カラム

.container { .container width: 1170px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .interview-box { display: inline-block; vertical-align: top; width: 44%; margin-left: 65px; margin-bottom: 60px; -----…