源碼地址：http://www.bigeone.cn/love/index1.html
今天給第四波的故事一：我們的愛(ài)情故事厅缺，做了手機(jī)適配蔬顾，后面的故事大多都會(huì)做手機(jī)適配，畢竟現(xiàn)在的智能機(jī)時(shí)代湘捎。
我做了兩個(gè)頁(yè)面诀豁，一個(gè)是PC端，一個(gè)是手機(jī)端窥妇，因?yàn)槲以囘^(guò)在一個(gè)頁(yè)面里適配PC和手機(jī)舷胜，是做不到的，很不好看活翩，于是寫(xiě)了兩套烹骨，然后在進(jìn)入頁(yè)面時(shí)翻伺，分辨當(dāng)前的手機(jī)還是PC，然后跳到不同的頁(yè)面展氓，所以多了個(gè)中轉(zhuǎn)頁(yè)面穆趴。中轉(zhuǎn)頁(yè)面只有純JS，應(yīng)該很快遇汞。
代碼是如下：
Titlevarua = navigator.userAgent.toLocaleLowerCase();varpf = navigator.platform.toLocaleLowerCase();varisAndroid = (/android/i).test(ua)||((/iPhone|iPod|iPad/i).test(ua) && (/linux/i).test(pf))? ? ? ? ? ? || (/ucweb.*linux/i.test(ua));varisIOS =(/iPhone|iPod|iPad/i).test(ua) && !isAndroid;varisWinPhone = (/Windows Phone|ZuneWP7/i).test(ua);varmobileType = {pc:!isAndroid && !isIOS && !isWinPhone,ios:isIOS,android:isAndroid,winPhone:isWinPhone? ? ? ? };if(mobileType.pc)window.location.href="index_pc.html";elsewindow.location.href="index_mo.html";
最近在把所有的資源轉(zhuǎn)到自己的服務(wù)器未妹，在加CDN，訪問(wèn)速度應(yīng)該會(huì)快上一些了空入，等我有點(diǎn)錢(qián)了再配上個(gè)好點(diǎn)的寬帶络它。
手機(jī)版是有些區(qū)別的，比如頭部我分成兩行了歪赢，一些字調(diào)小了化戳，最主要的還是中間“我們的愛(ài)情歷程”那里做了很大的改動(dòng)，如圖：
??
??
??
?
在這里埋凯，我把PC端居中的邊框点楼，給弄成左右開(kāi)邊的邊框了，所以拿到源碼的朋友白对，改動(dòng)的時(shí)候需要注意掠廓，手機(jī)端的頁(yè)面是index_mo.html,如果只要手機(jī)端，直接用這個(gè)頁(yè)面就行甩恼。
在這個(gè)頁(yè)面里蟀瞧，我們的愛(ài)情歷程里
我還在加上加了個(gè)點(diǎn)贊的效果顷啼，如果不要的朋友帆赢，可以把class="heart"這一段去掉就行。這個(gè)點(diǎn)贊是為了以后线梗，看的人如果喜歡，點(diǎn)擊了贊的話怠益，會(huì)發(fā)短信通知朋友仪搔。我這邊所有的頁(yè)面的都會(huì)漸漸加上發(fā)短信的功能，比如表白的時(shí)候蜻牢，不論對(duì)方接受還是拒絕烤咧，都會(huì)發(fā)短信通知偏陪，這個(gè)功能正在做。
而且我也在做可以直接在網(wǎng)頁(yè)端設(shè)置的功能煮嫌，這樣普通的人笛谦，不用建站就也可以使用了。
