最新文章:

首頁 Web技術

分享超炫的表白頁面和愛的紀念日源碼

發布時間:2015年05月23日 評論數:1 閱讀數:3382

    昨晚弄到三點就是為了DIY這2個頁面,想給老婆一個浪漫的驚喜。

    預覽地址:

    愛情紀念:http://zhangge.net/love

    愛的故事:http://zhangge.net/love/forever

    在線制作:http://zhangge.net/love/index.php

    是別人的源碼,沒什么好說的,直接貼上作者說明:

    一、超炫表白頁面:

    作者原話:為了預熱情人節,麥蔥二次開發了個表白程序。程序放在BAE上面,因為本地寫這個原因,生成的頁面過段時間就找不到了,導致鏈接頁面404,麥蔥在此表示歉意。

    今天麥蔥把這款程序分享出來,如果你需要,可以拿去使用。

    ①、模版文件說明:

    /2014 用于存放生成的靜態頁面,若更改,請同時修改love.php里的路徑
    /js/love.min.js 字段獲取js壓縮文件
    /js/love.src.js 是未壓縮的
    love.php 核心處理文件,love.min.js傳參給此文件處理并生成相應靜態頁面
    loveNote.txt 數據記錄
    loveTpl.html 頁面模版文件 love.php生成的頁面以此文件為模版

    ②、程序運行原理:

    給頁面文字添加span標簽,設置id="text-xx"唯一屬性,使用contenteditable="true",開啟該元素的編輯模式,用jQuery屬性.click()判斷點擊,用.text()返回此元素的文本內容,并用正則進行判斷內容是否合法,然后通過AJAX POST給php處理,php對傳入的參數進行過濾,然后讀取模版文件,替換模版文件對應內容,保存為新文件并記錄操作,最后返回數據給前端,前端處理數據并更新頁面。

    ③、使用說明:

    上傳解壓后的文件夾love到網站根目錄,通過 http://你的域名/love/ 進行訪問

    ④、下載和演示:

    演示地址:http://zhangge.net/love/forever

    在線制作:http://zhangge.net/love/index.php

    注:這是一個自動生成表白頁面的程序,模版由jianghongfei.com.cn原創,麥蔥(www.yuxiaoxi.com)做二次開發,僅限娛樂,不得用于商業用途!

     

    二、愛的紀念日頁面:

    從愛Java看到的分享,原址:http://aijava.cn/560.html

    演示地址:http://zhangge.net/love

     

     

    沒什么可說的,自己下載慢慢折騰吧!為了心愛之人,怎么折騰都是值得的!

二維碼加載中...
本文作者:Mr.linus      文章標題: 分享超炫的表白頁面和愛的紀念日源碼
本文地址:http://www.xgunjfvk.cn/89.html  本文已經被百度收錄,點擊查看詳情
版權聲明:若無注明,本文皆為“挨踢 Blog”原創,轉載請保留文章出處。
?擠眼 親親 咆哮 開心 想想 可憐 糗大了 委屈 哈哈 小聲點 右哼哼 左哼哼 疑問 壞笑 賺錢啦 悲傷 耍酷 勾引 厲害 握手 耶 嘻嘻 害羞 鼓掌 饞嘴 抓狂 抱抱 圍觀 威武 給力
提交評論

清空信息
關閉評論
跨境電商平臺
跨境電商平臺2017-11-26 02:06回復
#1
不錯學習了!
? 福彩3d组选走势