我们提供最新五月天激情电影,人妻有码av中文字幕久久午夜

文章插圖
序現(xiàn)在手機(jī)上的文本閱讀app已經(jīng)非常豐富，良好的閱讀體驗(yàn)與海量的書庫常常令我感到無比興奮。
我想到8年前用一點(diǎn)幾寸屏幕的mp3看電子書的情景，頓生一種淡淡的溫馨。再久遠(yuǎn)一些，小的時(shí)候，我也經(jīng)常和小伙伴們組團(tuán)去書店看白書，也就是白看書。古老的木質(zhì)書架上那一疊疊厚重的黃皮小說書，在年幼的我眼里仿佛是比盤子里的午餐肉更加美味可口的東西。
而在當(dāng)今這個(gè)信息化的時(shí)代，看書變得空前的便利，可是兒時(shí)那種期待和興奮的感受卻消失在了時(shí)間的長河。
歲月在流逝，時(shí)代在進(jìn)步。
愿放下所有的浮躁，在新的時(shí)代愉快地生活，無所謂明天怎樣，我都相信肯定比今天更好。
本文以一個(gè)網(wǎng)頁版閱讀器作為案例，展示JavaScript中，對滾動(dòng)條的一些處理，這是完成以后的樣子：
當(dāng)我滾動(dòng)條往上滾動(dòng)的時(shí)候，屏幕右下角會(huì)出現(xiàn)一個(gè)向上的箭頭：
而往下滾動(dòng)的時(shí)候，又自動(dòng)消失。
當(dāng)我點(diǎn)擊這個(gè)半透明的箭頭按鈕，就會(huì)自動(dòng)滑動(dòng)到章節(jié)的最頂端。
本章就實(shí)現(xiàn)這個(gè)小功能。
開發(fā)工具：HBuilder（個(gè)人喜歡，順從潮流放棄了使用大半年的EditPlus，不過EditPlus確實(shí)鍛煉了我拼寫單詞的能力）
測試環(huán)境：谷歌瀏覽器
正文1. 頁面布局與繪制
我們寫一個(gè)基本的html模板
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>TextReader</title> <script src="https://www.520longzhigu.com/uploads/allimg/220429/095202D19-1.jpg"></script><style type="text/css"> *{ padding: 0; margin: 0; } </style> </head> <body></body></html>接著，我們把背景圖片引入進(jìn)來（尺寸略有調(diào)整）：
body{ background: url(bg.jpg) no-repeat; background-size: 100%;}我們先寫一個(gè)div，作為盛放整個(gè)手機(jī)的父容器。
在它的css樣式中，我們做了居中定位（水平）。
.phone { width:322px ; height:550px;position:relative; left:35%; top:35px; background: #66CC00;}<div class='phone'></div>接下來，引入上下兩端的樣式圖片。
其實(shí)，手機(jī)的頂部和底部就是兩張圖片：
我們先把頂部圖片引入進(jìn)來，在引入圖片之前，先畫兩個(gè)div來盛放圖片。
<body> <div class='phone'> <div class='phone_top'></div><div class='phone-bottom'></div> </div></body>然后，通過背景圖的方式把圖片貼進(jìn)來。
.phone .phone_top { background: url(phone_top.png); height:42px;}.phone .phone-bottom { background: url(phone_bottom.png); position: absolute; height: 42px; width: 100%; bottom: 0;} 這樣一來，一個(gè)手機(jī)的大概模子就出來了，接下來，我們把屏幕區(qū)域加上去。
.phone .container{ overflow-x: hidden; overflow-y: auto; width:90%; background:#ccc; height:456px; font-size:14px; text-align:left; background:#dcf3dc; font-family:微軟雅黑; color:#555; line-height:28px; padding:16px; text-indent: 2em; padding: 16px 16px 0px 16px;}<body> <div class='phone'> <div class='phone_top'></div> <div class='container'></div> <div class='phone-bottom'></div> </div></body>OK，現(xiàn)在可以把父容器的背景色給去掉了。
background: #66CC00; //去掉為了把手機(jī)模型做得更像一點(diǎn)，我們手動(dòng)給它加一個(gè)按鈕，額，就手動(dòng)畫一個(gè)吧。
.back { width: 30px; height: 30px; position: absolute; left: 50%; margin-left: -15px; border: 2px solid #c7bcbc; top: 4px; border-radius: 50%;}<div class='phone-bottom'> <span class='back'></span></div>雖然span是行內(nèi)元素，但是因?yàn)槲覀兘o它設(shè)置了 position: absolute ，所以寬度和高度依然是起作用的。

以上關(guān)于本文的內(nèi)容，僅作參考！溫馨提示：如遇健康、疾病相關(guān)的問題，請您及時(shí)就醫(yī)或請專業(yè)人士給予相關(guān)指導(dǎo)!

「愛刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容，希望對您有所幫助：

js腳本編寫教程 js網(wǎng)頁編程