問題:
今天改了一下午的CSS,坑點在於刷新瀏覽器,網頁樣式一點沒變, 還以為自己的css設置存在問題。修改了css樣式文件,瀏覽器還是原來的界面,原來是瀏覽器的緩存在作怪!
解決方法:ctrl + f5,清空緩存。
2019年12月10日 星期二
2019年11月14日 星期四
使用jQuery在Blogger加入回到頂端按鈕的教學, 超簡單馬上會 !
如果有人想要學習Vue.js的寫法,可以參考以下文章!
大家看到上面這張圖的右下角就是回到頂端的浮動按鈕,
這個按鈕是用jQuery寫的~
就算完全沒有寫過程式的朋友也可以輕鬆學會唷!!
你要先到你的Blogger後台的「主題」裡面點選「編輯HTML」 ,
然後在裡面找到<head>和</head>,
並且新增以下語法~
<!--Start:插入jQuery-->
<script
src='https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js'/>
<!--End:插入jQuery-->
由於這個特效會使用到jQuery,因此我們必須匯入jQuery語法 。
之後再加入下面這些語法~
<script type="text/javascript">
$(function() {
/* 按下GoTop按鈕時的事件 */
$('#gotop').click(function(){
$('html,body').animate({
scrollTop: 0 }, 'slow'); /* 返回到最頂上 */
return false;
});
/* 偵測卷軸滑動時,往下滑超過400px就讓GoTop按鈕出現 */
$(window).scroll(function()
{
if ( $(this).scrollTop()
> 400){
$('#gotop').fadeIn();
} else {
$('#gotop').fadeOut();
}
});
});
</script>
之後在程式裡面找到<body>和</body>
然後把
<div id='gotop'><center>^</center></div> 塞進去~
<div id='gotop'><center>^</center></div> 塞進去~
「^ 」就會是等下顯示在右下角的符號。
再次在<head>和</head>裡面加上下面這些CSS語法,
這些語法是幫助你設計你按鈕的文字顏色以及背景的!!
<style type='text/css'>
#gotop {
position:fixed;
z-index:90;
right:30px;
bottom:30px;
display:none;
width:60px;
font-size: 30px;
height:60px;
color:#000000;
background:#FFD2D2 ;
line-height:60px;
border-radius:50%;
transition:all 0.5s;
text-align: center;
box-shadow: 0 2px 5px 0
rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
#gotop :hover{
width:60px;
font-size: 30px;
height:60px;
border-radius:50%;
background:#FFB5B5 ;
}
</style>
----------重要意思解釋---------
width:60px; //按鈕寬度
font-size: 30px; //文字大小
height:60px; //按鈕高度
color:#000000; //文字顏色
background:#FFD2D2 ; //背景顏色
#gotop :hover 裡面的 background:#FFB5B5 //是指游標移到按鈕上時的顏色~
2019年11月12日 星期二
英文文法教學
考祈使句
1. I will be in an important
meeting all morning, so please _____
me.
(A) not to disturb
(B) isn’t disturbing
(C) not disturbing
(D) don’t disturb
祈使句 + 原型動詞
→要你去做
+ don’t →不要你去做
➤ Please open the door.
➤ Please don't forget to write a letter.
2. The names of all the
employees in the company _____ listed at the back of the manual.
(A) is
(B) has been
(C) are
(D) was
Ans: (C)
🔻
The names → 複數
manual → 手冊
https://www.youtube.com/watch?v=AI7LEFYBv5A&t=87s
2019年10月27日 星期日
關係代名詞 - 省略時的用法
★情況一
若關係子句中已經有主詞,而關係代名詞是作為關係子句中的受詞,且前面沒有逗號或介係詞時,關係代名詞可以省略。
簡單來說就是:關係代名詞前面沒有逗號或介係詞,後面接上完整的句子(主詞+動詞)時,關係代名詞可省略。
1.
This
is the book that I read yesterday.
(這是我昨天看的書。)
→ 可以看到關係子句中已有主詞 I、動詞 read。這時關係代名詞 that 代替 the book,作為關係子句中 read 的受詞,此時 that 可以省略,所以可以寫成:
This is the book I read yesterday.
2.
He
is the man whom I saw at the school yesterday.
(他是我昨天在學校看到的男人。)
→ 關係子句中已有主詞 I、動詞 saw,而關係代名詞 whom 代替 the man,作為關係子句中 saw 的受詞,此時 whom 可以省略,所以可以寫成:
He is the man I saw at the school yesterday.
★情況二
關係代名詞作為關係子句中的主詞,若要省略關係代名詞,後面的 be 動詞要一起省略。
簡單來說就是:當結構是「關係代名詞 + be 動詞 + 現在分詞 / 過去分詞」時,可以省略關係代名詞,後面的 be 動詞也可以連同捨去。
1.
The girl who is sitting over
there is my little sister.
(坐在那裡的女孩是我的妹妹。)
→ 關係代名詞 who 為關係子句 who is sitting over there 的主詞角色,若要省略,後面的 be 動詞必須一起省略,因此也可以寫做:
The girl sitting over there is my little sister.
(這時 sitting over there 角色變成分詞片語,用以修飾前面的 the girl)
(這時 sitting over there 角色變成分詞片語,用以修飾前面的 the girl)
2.
The books that were written by
J.K. Rowling are popular among teenagers.
(由 J.K. 羅琳寫的書在青少年之間很受歡迎。)
→ 關係代名詞 that 為關係子句 that were written by J.K. Rowling 的主詞角色,若要省略,後面的 be 動詞 were 必須一起省略,只留下過去分詞 written,因此可以寫做:
The books written by J.K. Rowling are popular among
teenagers.
(這時 written by J.K. Rowling 角色變成分詞片語,用以修飾前面的 the books)
★情況三
關係代名詞作為關係子句中的主詞,若要省略關係代名詞,後面的動詞要跟著變化,主動動詞必須改成現在分詞。
簡單來說就是:若是關係代名詞後面直接接上動詞,要省略時必須將動詞改寫成現在分詞(V-ing)形式。
1. I have an aunt who teaches English at our school.
(我有一個在我們學校教英文的阿姨。)
→ who 作為關係子句 who teaches English at our
school 中的主詞,若要省略關係代名詞,後面的主動動詞 teaches 必須改成現在分詞 teaching,因此就變成:
I have an aunt teaching English at
our school.
(這時 teaching English 變成分詞片語,用以修飾前面的 an aunt)
2.
The dog that sits over there
is my grandma’s dog.
(坐在那裡的那隻狗是我奶奶的狗。)
→ that 作為關係子句 that sits over there 中的主詞,若要省略關係代名詞,後面的主動動詞 sits 必須改成現在分詞 sitting,因此就變成:
The dog sitting over there is my grandma’s
dog.
(這時 sitting over there 變成分詞片語,用以修飾前面的 the dog)
關係代名詞 Who / Whom 用法
代替人的關係代名詞,除了"who"之外,依其在形容詞子句中所扮演的角色,也可能使用whom或whose。
1. "who"是主格,在形容詞子句裡作為主詞用。
The man [who is sitting there] is my brother.
坐在那裡的男人是我哥哥。
"who"在這裡是形容詞子句"who is sitting there"的主詞喔!
2. "whom"是受格,在形容詞子句裡做為受詞用,通常可以省略。
The boy [whom you saw yesterday] is here.
你昨天看到的男孩在這裡。
在這個句子,"whom"代替"the boy",是"whom you saw
yesterday"這個形容詞子句的受格。
※ 原則上,在口語中可用who 代替whom
3. "whose"為所有格關係代名詞,在形容詞子句裡代替先行詞的所有格,
後面接名詞。
I have a friend [whose
father is a bus driver].
我有個朋友,他的父親是公車司機。
引用自希平方
1. Who
若要代替的「人」在關係子句裡是「主詞」,就用主格 who。
I
went to the library with Anthony.(我和 Anthony 一起去圖書館。)
Anthony is also in my math class.(Anthony 和我上同一堂數學課。)
Anthony is also in my math class.(Anthony 和我上同一堂數學課。)
可以看到第二句話是用來補充說明前一句的 Anthony 是什麼人,如果用關係代名詞來改寫,就可以寫成:
I went to the
library with Anthony, who is also in my math
class.
(我和 Anthony 一起去圖書館,他也和我上同一堂數學課。)
→ who is also in my math class 是關係子句,用來補充說明前面的 Anthony。
2. Whom
若要代替的「人」在關係子句裡是「受詞」,就用受格 whom。
This
is the man.(這是那位男人。)
You want to see the man.(你想見那位男人。)
You want to see the man.(你想見那位男人。)
可以看到在第二句話中,the man 是受詞,因此要用關係代名詞改寫的話,就會變成:
This is the man whom you want to see.
(這是你想見的那位男人。)
→ whom you want to see 是關係子句,用來修飾前面的 the man。
2019年10月18日 星期五
分詞構句 教學
1.
_________ by the high ticket prices,
many of the exhibition's
visitors were reluctant to enter the place and chose to go somewhere
else.
(A) To surprise
(B) Surprising
(C) Surprise
(D) Surprised
解析:
首先,遊客不會主動去驚嚇票價,一定是被票價嚇到,
更重要且簡單的是,看到空格後面有個by,表示被動,
答案一定是(D)。
2. ___________ to become the
top supplier in this industry,
VocalBeauty expanded its
distribution chain into Europe.
(A) Strive
(B) To strive
(C) Striving
(D) Striven
解析:
空格strive(奮鬥,努力)
主詞VocalBeauty(某一間公司,看似是東西,但是沒有人就無法組成公司,
所以要記得
『公司company、機構organization、協會institute、基金會foundation、部門department』
都是『人』的意思)
公司跟奮鬥,很明顯是主動關係,因為人有腦有手有腳有意志力就會奮鬥,
答案一定是(C)。
3. __________ of his unfinished
proposal,
Tom jumped out of the bed
immediately.
(A) Thought
(B) Thinking
(C) Thinks
(D) To think
解析:
空格think(想,思考)
主詞Tom(很明顯是人)
人跟思考,很明顯是主動關係,因為人有腦有手有腳有意志力就會思考,
答案一定是(B)。
備註:think of是想到的意思,但是大家熟悉的think about則是考慮,請注意,考試會考。
4. Having __________ the
first research project successfully and efficiently,
the R&D department could
finally focus on another one and dedicated much time to it.
(A) finishing
(B) to finish
(C) finished
(D) finishes
解析:
光是看到開頭是Having,那就知道答案一定是p.p.,
三秒就解題完了!清潔溜溜!
答案一定是(C)。
★主詞主動進行動作
若省略的主詞是「主動」進行動作,合併成分詞構句後,省略主詞那句的動詞就要改成「現在分詞」形式。以下舉幾個例子:
◎I felt ashamed. + I burst
into tears in class.
→ 若用連接詞連接兩句子,可以說:
I burst into tears in class because I
felt ashamed.
→ 若要改成分詞構句,就先去掉連接詞 because,省略相同的主詞 I, 動詞 felt 改成現在分詞形式:
→ 若要改成分詞構句,就先去掉連接詞 because,省略相同的主詞 I, 動詞 felt 改成現在分詞形式:
Feeling ashamed, I burst into
tears in class.
(感到很羞愧,我在課堂上大哭。)
(感到很羞愧,我在課堂上大哭。)
◎Sandy didn't know when John
would come. + Sandy waited for two hours.
→ 若用連接詞連接兩句子,可以說:
Sandy waited for two hours since Sandy
didn't know when John would come.
→ 若要改成分詞構句,就先去掉連接詞 since,省略相同的主詞 Sandy, 動詞 know 改成現在分詞形式:
→ 若要改成分詞構句,就先去掉連接詞 since,省略相同的主詞 Sandy, 動詞 know 改成現在分詞形式:
Not knowing when John would come,
Sandy waited for two hours.
(不知道 John 什麼時候會到,Sandy 等了兩個小時。)
(不知道 John 什麼時候會到,Sandy 等了兩個小時。)
※ 小提醒:若原句子為否定句,省略時助動詞也一併省略,只需保留 not。
★主詞被動進行動作
若省略的主詞是「被動」進行動作,合併成分詞構句後,省略主詞那句的動詞就要改成「過去分詞」形式。以下舉幾個例子:
◎The musicians stood up. + The
musicians were surrounded by applause.
→ 若用連接詞連接兩句子,可以說:
The musicians stood up while the
musicians were surrounded by applause.
→ 若要改成分詞構句,就先去掉連接詞 while,省略相同的主詞 the musicians,被動式 were surrounded 保留過去分詞:
→ 若要改成分詞構句,就先去掉連接詞 while,省略相同的主詞 the musicians,被動式 were surrounded 保留過去分詞:
Surrounded by applause, the
musicians stood up.
(被掌聲圍繞,音樂家們站起身來。)
(被掌聲圍繞,音樂家們站起身來。)
◎The people were surprised by
the government’s decision. + The people knew they had to do something.
→ 若用連接詞連接兩句子,可以說:
The people were surprised by the
government’s decision, so the people knew they had to do something.
→ 若要改成分詞構句,就先去掉連接詞 so,省略相同的主詞 the people,動詞用過去分詞形式 surprised:
→ 若要改成分詞構句,就先去掉連接詞 so,省略相同的主詞 the people,動詞用過去分詞形式 surprised:
Surprised by the government’s
decision, the people knew they had to do something.
(驚訝於政府的決策,民眾知道他們必須有所動作。)
(驚訝於政府的決策,民眾知道他們必須有所動作。)
--------------文章引用自------------
來源:Ricky英文小蛋糕
訂閱:
文章 (Atom)