試行錯誤ページ560 ポップアップウィンドウを作る２(黒板風)
ボタンクリックで出現する黒板風のポップアップウィンドウを作る
ボタンクリックで出現するポップアップウィンドウを作る
参考サイト：affirepo.com/popup-win/
ポップアップウィンドウ内の文字は、ドラッグしても見えない（ソースを見ればわかる）
ソースを見てもわからないようにするには、css内に書くしかない
↓ うごかない・・・
『きまぐれアップデート』
CSSでモーダルウィンドウ（ポップアップ）表示する方法
テストページ
ポップアップテストです。
テストテストテストテストテストテストテストテスト
テストテストテストテストテストテストテストテスト
テストテストテストテストテストテストテストテスト
テストテストテストテストテストテストテストテスト
テストテストテストテストテストテストテストテスト
テストテストテストテストテストテストテストテスト
テストテストテストテストテストテストテストテスト
テストテストテストテストテストテストテストテスト
テストテストテストテストテストテストテストテスト
テストテストテストテストテストテストテストテスト
テストテストテストテストテストテストテストテスト
テストテストテストテストテストテストテストテスト
（１） I met Tom at school last week.
英文を訳してみよう
まず 英文を 主語・動詞・かたまり の部分 に分けます。
英文を日本語にするときは、さいしょに 主語 を訳します。
そのあとは、一番うしろから 前へ戻りながら、かたまりを 訳していきます。
上のように説明するとなんとなく難しそうですよね。
でも、図の説明を見れば とてもカンタンです。
『全訳：』の下にあるボタンを どんどんクリックしてください。
訳し方（訳す順番）をしっかり理解できますよ。
第２問
試行567を利用して、もどる矢印を無しにして、矢印回転だけで誘導する
この方法なら、試行565に比べて、上下移動の矢印が見えない
★連続の組み合わせ矢印（文字あり）を入れている
→yokobarだけに『くわしく説明』の文字を入れると矢印位置がずれるので、
起点縦棒と上向き矢印には『くわしく説明』の文字を透明で入れている
I met Tom at school last week. を訳してみます。
全訳： 『 私は 先週 学校で トムに 会いました 。』 |
https://lpeg.info/html/css_popup.html#m2
ポップアップ
PCでは画面中央に表示
スマホでは画面下部に表示
produced by eigoblock