1. 程式人生 > >移動端自動閱讀

移動端自動閱讀

<!DOCTYPE html>
<html lang="en">

	<head>
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<meta charset="UTF-8">
		<title>移動端自動閱讀</title>
		<style>
			.start,
			.suspend {
				width: 50px;
				height: 50px;
				background: red;
				color: #fff;
				text-align: center;
				line-height: 50px;
				opacity: 0.5;
				position: fixed;
				right: 10px;
				bottom: 60px;
				border-radius: 50%;
			}
			
			.suspend {
				bottom: 10px;
			}
		</style>
	</head>

	<body>
		<div class="word">
			從去年起,彷彿聽得有人說我是仇貓的。那根據自然是在我的那一篇《兔和貓》2;這是自畫招供,當然無話可說,——但倒也毫不介意。我可很有點擔心了。我是常不免於弄弄筆墨的,寫了下來,印了出去,對於有些人似乎總是搔著癢處的時候少,碰著痛處的時候多。萬一不慎,甚而至於得罪了名人或名教授3,或者更甚而至於得罪了“負有指導青年責任的前輩”4之流,可就危險已極。為什麼呢?因為這些大角色是“不好惹”5的。怎地“不好惹”呢?就是怕要渾身發熱6之後,做一封信登在報紙上,廣告道:“看哪!狗不是仇貓的麼?魯迅先生卻自己承認是仇貓的,而他還說要打‘落水狗’!”這“邏輯”的奧義,即在用我的話,來證明我倒是狗,於是而凡有言說,全都根本推翻,即使我說二二得四,三三見九,也沒有一字不錯。這些既然都錯,則紳士口頭的二二得七,三三見千等等,自然就不錯了。 我於是就間或留心著查考它們成仇的“動機”。這也並非敢妄學現下的學者以動機來褒貶作品7的那些時髦,不過想給自己預先洗刷洗刷。據我想,這在動物心理學家,是用不著費什麼力氣的,可惜我沒有這學問。後來,在覃哈特8博士(Dr. O. Dahnhardt)的《自然史底國民童話》裡,總算髮現了那原因了。據說,是這麼一回事:動物們因為要商議要事,開了一個會議,鳥、魚、獸都齊集了,單是缺了象。大家議定,派夥計去迎接它,拈到了當這差使的鬮的就是狗。“我怎麼找到那象呢?我沒有見過它,也和它不認識。”它問。“那容易,”大眾說,“它是駝背的。”狗去了,遇見一匹貓,立刻弓起脊樑來,它便招待,同行,將弓著脊樑的貓介紹給大家道:“象在這裡!”但是大家都嗤笑它了。從此以後,狗和貓便成了仇家。 日爾曼人9走出森林雖然還不很久,學術文藝卻已經很可觀,便是書籍的裝潢,玩具的工緻,也無不令人心愛。獨有這一篇童話卻實在不漂亮;結怨也結得沒有意思。貓的弓起脊樑,並不是希圖冒充,故意擺架子的,其咎卻在狗的自己沒眼力。然而原因也總可以算作一個原因。我的仇貓,是和這大大兩樣的。 其實人禽之辨,本不必這樣嚴。在動物界,雖然並不如古人所幻想的那樣舒適自由,可是嚕囌做作的事總比人間少。它們適性任情,對就對,錯就錯,不說一句分辯話。蟲蛆也許是不乾淨的,但它們並沒有自命清高;鷙禽猛獸以較弱的動物為餌,不妨說是凶殘的罷,但它們從來沒有豎過“公理”“正義”10的旗子,使犧牲者直到被吃的時候為止,還是一味佩服讚歎它們。而人呢,能直立了,自然就是一大進步;能說話了,自然又是一大進步;能寫字作文了,自然還是一大進步。然而也就墮落,因為那時也開始了說空話。說空話尚無不可,甚至於連自己也不知道說著違心之論,則對於只能嗥叫的動物,實在免不得“顏厚有忸怩”11。假使真有一位一視同仁的造物主,高高在上,那麼,對於人類的這些小聰明,也許倒以為多事,正如我們在萬生園12裡,看見猴子翻筋斗,母象請安,雖然往往破顏一笑,但同時也覺得不舒服,甚至於感到悲哀,以為這些多餘的聰明,倒不如沒有的好罷。然而,既經為人,便也只好“黨同伐異”13,學著人們的說話,隨俗來談一談,辯一辯了。 現在說起我仇貓的原因來,自己覺得是理由充足,而且光明正大的。一、它的性情就和別的猛獸不同,凡捕食雀、鼠,總不肯一口咬死,定要盡情玩弄,放走,又捉住,捉住,又放走,直待自己玩厭了,這才吃下去,頗與人們的幸災樂禍,慢慢地折磨弱者的壞脾氣相同。二、它不是和獅虎同族的麼?可是有這麼一副媚態!但這也許是限於天分之故罷,假使它的身材比大十倍,那就真不知道它所取的是怎麼一種態度。 然而,這些口實,彷彿又是提起筆來的時候添出來的,雖然也象是當時湧上心來的理由。要說得可靠一點,或者倒不如說不過因為它們配合時候的嗥叫,手續竟有這麼繁重,鬧得別人心煩,尤其是夜間要看書,睡覺的時候。當這些時候,我便要用長竹竿去攻擊它們。 狗們在大道上配合時,常有閒漢拿了木棍痛打;我曾見大勃呂該爾(P. Bruegeld. A)14的一張銅版畫Allegorie der Wollust上,也畫著這回事,可見這樣的舉動,是中外古今一致的。 自從那執拗的奧國學者弗羅特15(S. Freud)提倡了精神分析說——psychoanalysis,聽說章士釗16先生是譯作“心解”的,雖然簡古,可是實在難解得很——以來,我們的名人名教授也頗有隱隱約約,檢來應用的了,這些事便不免又要歸宿到性慾上去。打狗的事我不管,至於我的打貓,卻只因為它們嚷嚷,此外並無惡意,我自信我的嫉妒心還沒有這麼博大,當現下“動輒獲咎”之秋,這是不可不預先宣告的。 例如人們當配合之前,也很有些手續,新的是寫情書,少則一束,多則一捆;舊的是什麼“問名”“納采”17,磕頭作揖,海昌蔣氏在北京舉行婚禮,拜來拜去,就十足拜了三天,還印有一本紅面子的《婚禮節文》,《序論》裡大發議論道:“平心論之,既名為禮,當必繁重。專圖簡易,何用禮為?……然則世之有志於禮者,可以興矣!不可退居於禮所不下之庶人矣!”然而我毫不生氣,這是因為無須我到場;因此也可見我的仇貓,理由實在簡簡單單,只為了它們在我的耳朵邊盡嚷的緣故。人們的各種禮式,局外人可以不見不聞,我就滿不管,但如果當我正要看書或睡覺的時候,有人來勒令朗誦情書,奉陪作揖,那是為自衛起見,還要用長竹竿來抵禦的。還有,平素不大交往的人,忽而寄給我一個紅帖子,上面印著“為舍妹出閣”,“小兒完姻 ”,“敬請觀禮”或“闔第光臨”這些含有“陰險的暗示”18的句子,使我不花錢便總覺得有些過意不去的,我也不十分高興。
		</div>

		<div class="start">開始</div>
		<div class="suspend">停止</div>
	</body>
	<script>
		var start = document.getElementsByClassName('start')[0];
		var suspend = document.getElementsByClassName('suspend')[0];
		var key = true;
		var timer;
		start.onclick = function() {
			if(key) {
				timer = setInterval(function() {
					window.scrollBy(0, 10);
				}, 100)
				key = false;
			}
		}

		window.onscroll = function() {  
			if(getScrollOffset().y + getViewportOffset().h >= getScrollHeight().h) {    
				clearInterval(timer);
				key = true;  
			}

		};

		suspend.onclick = function() {
			clearInterval(timer);
			key = true;
		}

		//文件的高度  寬度  (封裝getScrollHeight()函式)
		function getScrollHeight() {  
			if(document.body.scrollWidth) {
				return {
					w: document.body.scrollWidth,
					h: document.body.scrollHeight
				}
			} else {
				return {
					w: document.documentElement.scrollWidth,
					h: document.documentElement.scrollHeight
				}
			}
		}

		// 瀏覽器可視區視窗寬高 不包括工具欄和滾動條
		function getViewportOffset() {
			if(window.innerWidth) {
				return {
					x: window.innerWidth,
					h: window.innerHeight
				}
			} else {
				if(document.compatMode == "BackCompat") {
					//document.compatMode=="BackCompat" //向後相容
					return {
						w: document.body.clientWidth,
						h: document.body.clientHeight
					}
				} else {
					return {
						w: document.documentElement.clientWidth,
						h: document.documentElement.clientHeight
					}
				}
			}
		}

		// 檢視滾動條
		function getScrollOffset() {
			if(window.pageXOffset) {
				return {
					x: window.pageXOffset,
					y: window.pageYOffset
				}
			} else {
				return {
					x: document.body.scrollLeft + document.documentElement.scrollLeft,
					y: document.body.scrollTop + document.documentElement.scrollTop
				}
			}
		}
	</script>

</html>