試行錯誤ページ561 ポップアップウィンドウを作る3(ホワイトボード風)


























ボタンクリックで出現するホワイトボード風のポップアップウィンドウを作る

→シルバー枠は見づらいので、skyblueなどが良いかも
 

ボタンクリックで出現するポップアップウィンドウを作る
参考サイト:affirepo.com/popup-win/

ポップアップウィンドウ内の文字は、ドラッグしても見えない(ソースを見ればわかる)
ソースを見てもわからないようにするには、css内に書くしかない

 
 
 
 
 
 
(1) I met Tom at school last week.  
 

英文を訳してみよう

 

 
まず 英文を 主語・動詞・かたまり の部分 に分けます。
 
英文を日本語にするときは、さいしょに 主語 を訳します。
 
そのあとは、一番うしろから 前へ戻りながら、かたまりを 訳していきます。
 

 

 
上のように説明するとなんとなく難しそうですよね。
 
でも、図の説明を見れば とてもカンタンです。
 

 
『全訳:』の下にあるボタンを どんどんクリックしてください。

訳し方(訳す順番)をしっかり理解できますよ。

第2問

試行567を利用して、もどる矢印を無しにして、矢印回転だけで誘導する

この方法なら、試行565に比べて、上下移動の矢印が見えない

★連続の組み合わせ矢印(文字あり)を入れている

→yokobarだけに『くわしく説明』の文字を入れると矢印位置がずれるので、
起点縦棒と上向き矢印には『くわしく説明』の文字を透明で入れている

I met Tom at school last week. を訳してみます。 

 
 

&I&

met

Tom

at school

last week

 . 

全訳: 『  私は 先週 学校で トムに 会いました  。』

 

 

 
produced by eigoblock

IMG_blokkun-minix2