<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>文章高度展開</title> <style> .content{ padding:10px 12px 48px; font-size:18px; color:#2b2b2b; line-height:1.7em; height:300px; /*初始要顯示的高度*/ overflow:hidden; /*關鍵樣式：內容會被修剪，並且其余內容是不可見的。*/ position:relative } .content div{ /*獲取更多內容圖標div*/ clear:both; min-height:1em; white-space:pre-wrap; /*如何處理元素內的空白*/ } .get_ct_more { height:78px; position:absolute; bottom:0px;width:100%; background:linear-gradient(to top,#fff,rgba(255,255,255,0) 70%); margin:0px; margin-right:10px } .more_bt { width:16px; height:16px; margin-left:36%; margin-bottom:-10px } </style> </head> <body> <div id="content" class="content"> <p>9月8日，吳小姐一家和朋友去西溪印象城吃飯，找了個吃火鍋的餐館坐下桌子靠着木制隔斷牆， 吳小姐將11個月大的孩子放在最里面的位置，心想靠着隔斷牆，這樣安全點</p> <p>吳小姐先把孩子喂飽，然后隨他自己在位子上玩快吃完時，吳小姐突然發現孩子嘴邊有淡黃色粉末狀物體，還在砸吧着嘴巴</p> <p>品嘗味道 我沒給他喂過這東西啊吳小姐大腦立馬一陣搜索，看孩子手上也有類似粉狀，再放眼一看，餐桌側邊的隔斷牆縫里， 有一小堆淡黃色粉末，像佐料像木屑 我一開始以為是木屑，后來才發現不是就算是那個時候，吳小姐也沒想到這黃色粉末是殺蟑螂的葯粉</p> <p>吳小姐叫來了服務員問：這是什么東西，我想知道我孩子吃了什么？ 服務員警覺地啊了一聲，接着讓吳小姐稍等一下，他說要去問店長，他也不知道是什么東西 服務員的這一聲啊，讓吳小姐及朋友非常緊張</p> <p>孩子吃下去的黃色粉末是殺蟲劑 當晚就進了搶救室 等不及店長的回復，吳小姐帶着孩子趕到省兒童醫院一到醫院，孩子馬上被送到搶救室</p> <p>醫生問孩子吃了什么？ 吳小姐說，不知道她拿出從現場取的一點粉末讓醫生看，但醫生無法辨別，他說必須盡快知道這種東西的屬性才能治療 9月8日晚上9點多，吳小姐收到了店長發來的圖片，稱這是一種殺蟲餌劑，用來防止蜚蠊螞蟻，有效成分及含量是：乙酰甲胺磷/acephate 1.5%</p> <p>醫生看了圖片后說，孩子要洗胃 11個月大的孩子就要洗胃，吳小姐跟老公發生了爭執：我老公覺得11個月大的孩子不應該承受這種痛苦，但對我來說，我是一個母親， 如果我們不洗胃了，我不知道第二天會怎么樣，我不敢冒這個險</p> <p>吳小姐說她雖然無法確切說出乙酰甲胺磷是什么，但是甲胺磷她還是聽說過的：那是一種農葯啊，有毒的啊 最后吳小姐堅持洗胃，四個大人一邊哭一邊按着孩子，配合醫生給孩子洗胃</p> <p>現在三天過去了，所幸孩子目前沒有出現其余症狀，已出院回家</p> <div id="get_ct_more" class="get_ct_more"> <img src='more.png' class="more_bt" id="more_bt"> </div> </div> <script> var btn = document.getElementById('get_ct_more'); var obj = document.getElementById('content'); var total_height = obj.scrollHeight;//文章總高度 var show_height = 300;//定義原始顯示高度 if(total_height>show_height){ btn.style.display = 'block'; btn.onclick = function(){ obj.style.height = total_height + 'px'; btn.style.display = 'none'; } } var t1=window.setInterval(refreshCount, 500); //動態按鈕 var more_img = document.getElementById("more_bt"); var first_one = 0; function refreshCount() { if(first_one == 0){ more_img.style.marginBottom='-5px'; first_one=1; }else{ more_img.style.marginBottom='-10px'; first_one=0; } } </script> </body> </html>