因為標題寫的是執行個體,所以本次就不做講解了,因為這個執行個體我也算是東拼西湊整出來的,參考了大概5、6款拖拽上傳的外掛程式和demo,然後把其中好的地方挑出來,最後就成了這麼一個執行個體,一起來看下吧(地址不能保證長久有效,如果失效請在文章最後點擊demo下載):http://hoorayos.caifutang.com/dropupload.html 介面樣式我是參考了一個國外的相簿網站,改動不大,只是把鳥語轉換成中文,以及上傳時的樣式也進行了改動,之所以選這個的原因就是,我很容易做擴
外掛程式我就不多介紹了,在我整理的《常用JQuery外掛程式整理》裡介紹,也有樣本。但在實際運用中,我發現一個外掛程式無法達到的效果,語言比較難描述,看圖說話吧 發現什麼問題沒有,我做了個demo,雖然已經達到放大鏡的效果了,但是大圖的顯示位置不是我想要的效果,我想要的效果就是,大圖的位置和左邊圖的外框平行,並且始終保持在那個位置。可能有人會說,外掛程式不是提供了xy軸位移的設定麼。是,但是如果圖片切換了,尺寸和原先的不一樣,xy軸的位移量要怎麼重新設定?最終可能就會出現這樣的效果 所以
通常,我們實現盒陰影都是通過這段代碼來實現的 -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; 但是,IE6、7、8不認識這段樣式,所以我們會考慮用濾鏡來實現這功能 /* For IE 8 */
因為工作上的一些緣故,這個私人的小東西需要暫停開發,要等到明年再繼續開動了。 這段時間我進行了一些小部分的更新,下面稍微記錄下。 一、每個表徵圖從原先js數組統一換成json數組 資料格式如下:{"data":[{"id":0,"iconName":"小睿的部落格","iconUrl":"img/shortcut/news.png","url":"http://www.cnblogs.com/hooray","width":1000,"height":500},{"id":1,"ico
最近心煩的事情可真多,好不容易忙完工作上的事情,可以靜下心來寫寫自己的HoorayOS,卻和園子上的某人因為抄襲的事情爭吵了起來。 地址如下:http://www.cnblogs.com/qidian10/archive/2012/06/06/2539046.html 回複中的“小RR”說我的HoorayOS是抄襲“囧囧有神”的作品,還提出關鍵性的文字——“core.js”。這個js檔案我從去年9月份開始編碼以來,名稱一直都沒變動過。可以查看我最早一次提供下載的文章:《EonerCMS——
4.1.1:點擊進入 希望作者maodong能儘快處理好以下幾個問題,期待穩定版的發布,閑話不多說,下面開始問題匯總: 一、未壓縮版和壓縮版不一樣 解決辦法:壓縮版的問題似乎比較多,由於看不到壓縮版的實際源碼,也做不了修改,所以暫時使用未壓縮版,或者也可以把修改好的未壓縮版,自己去壓縮一下再使用。 二、ajaxValidator方法提示方式強制彈框 程式碼片段: 解決辦法,閱讀能力有限,暫時只能將alert那句代碼注視掉。 三、ajaxvalidator驗證通過後,再獲得焦點再
前幾天發了篇《藉助Google Translate API實現網站多國語言翻譯功能》,但好心人告訴我,Google即將關閉一些API,其中就包括Google翻譯的API,以下是原文:最近Google宣布將關閉一批API,被稱為“春季大掃除”,其中包括了Translate API(12月1日徹底關閉)──無數開發人員都在利用它打造豐富的翻譯類第三方應用。Google對此的解釋是說這些API給Google帶來了巨大的經濟負擔,且存在大量的濫用行為。 基於這種情況,我於是著手開始找其他實現辦法,
經過大量自願者的BUG提交,建議討論之後,迎來了第五版。讓我們一起來看看第五版更新了哪些新功能吧。全域視圖網站設定模組 可以設定網站標題、關鍵字等SEO資訊。通過可以檢查更新,方便擷取最新版本資訊,當然為保證網站運行正常,檢查更新只檢查是否有新版本,如果有會給出新版本。另外在最下面設定了2個模組,用於顯示捐贈名單和著作權資訊。widget掛件新皮膚:仿EXTJS皮膚檔案夾預覽 每次小更新我都會在微博上發布,歡迎@可惜我是胡尐睿丶 更多小bug的修複就不一一描述了,以下是測試地址。 示
先來兩張預覽圖,測試瀏覽器為搜狗瀏覽器。使用方法:1、右鍵點擊我,把我添加早收藏夾2、在任意頁面點擊剛才添加的收藏,然後等一會,就會在頁面右下角看到一個firebug的小按鈕,然後點擊它即可。附:如果你想讓頁面預設就有一個firebug的小按鈕進行調試,那直接加一句:<head>...<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>...&
按住我拖動 一晃又過去一個多星期了,途中出了個差,進度上略有耽誤,不過還好,上次有個話題沒說完,這次繼續,就是視窗拖動以及改變視窗尺寸。視窗拖動&改變視窗尺寸 因為這功能可能很多人都做過,所以我只是提供一種我的方法,當然如果有考慮不全的地方,希望大家能提出來,因為拖動層的功能我是第一次做,沒太多經驗,也請教了很多人。接下來就先看demo吧: HTML代碼如下:<div id="movedemo"><div
文章目錄 情況描述情況分析解決方案具體代碼示範後續
原先已經寫過一個PDO的資料庫操作類,這次只是在原先基礎上進行修改。<?php/* *作者:胡睿 *日期:2011/03/19 *電郵:hooray0905@foxmail.com * *20110319 *常用資料庫操作,如:增刪改查,擷取單條記錄、多條記錄,返回最新一條插入記錄id,返回操作記錄行數等 *20110630 *整體修改方法,合并部分參數 *規範代碼,一個方法裡只有1個return語句
“當你有一把鎚子,你會把一切看成是釘子。” ——馬斯洛 技術人員經常會陷入“鎚子理論”中。當掌握一門新技術,瞭解一門新架構,或者編寫了一個外掛程式,我們總是迫不及待的想大展身手,把這些新的東西,融入到產品中、項目中,或者自己的作品裡,甚至很少會去想,它是否真的適合? 昨天下午,在我的HoorayOS交流群裡,和群友討論表徵圖拖動排序的原理,後面討論到拖動結束後排序是否要改變dom結構,有人提了個不錯的思路,就是不改變dom結構,只改變dom的top和left樣式,實現排序更新,
前幾天寫了篇文章,就是用css來實現三角箭頭,雖然達到需要的效果了,但還是有一些問題,比如依舊需要靠position來定位箭頭的位置。而且目前也只能實現三角箭頭,若想用一些其他的字元,還是得用圖片。於是最近一直在尋找更好的辦法,最終被我找到了…… 首先,我們去C盤Fonts檔案夾裡找到WEBDINGS.TTF字型,複製到案頭。接下來,我們需要一個軟體,就是“fontforge”,它可以實現製作自訂字型的功能,我們後面就要用它來做一個適用於我們自己的字型庫。 下載好後解壓,把WEBDING
開篇 一個月前,我突然有了個想法,CMS能否做的像webQQ那樣,整個後台就像一個案頭系統,把功能歸類到一個案頭表徵圖裡,點開某個表徵圖後,操作裡面的東西,就像在操作電腦上的某個檔案夾一樣簡便,於是我之前寫了一篇構想的文章:《關於CMS後台展示/操作方式的個人拙見》,不過認可我想法的人似乎不多。 當時發表完文章後,我也在想,這樣的方式是否真的適用於CMS,我和幾個同事,以及公司老總都討論過。有人也提到開發成本的問題,我說這個不是問題,現在不用公司花人力去專門開發,我先做個雛形,把一些調用方法
一個連衣服都穿不整齊的人,代碼也肯定寫不整齊。 今天我想和大家討論的話題就是關於代碼縮排的問題,再說之前,我想先給大家看兩段代碼: 程式碼片段一:<div id="titleinfo"><div></div></div><div id="header"><ul id="navigationMenu"><li><a href="#" onclick="tixing()"
之前對“在網頁中嵌入非系統內建字型”做過一點研究,雖然技術上能實現,但是對國內來說,沒有太大的實際意義,因為一個中文體檔案起碼20M+,而且各個瀏覽器支援的字型檔還都不一樣,也就是說,在伺服器端必須有2-3個不同格式的字型檔,用來應付各個瀏覽器,可以看下下面這張對應圖。 以為之前做的這個小研究對以後的工作不會用到,誰知還真的用到了。有個客戶要求顯示時間,但時間的字型必須是電子錶的那種字型, 首先,我們要找到這個字型,因為這個字型只有ttf格式的,所以我們需要轉換出其他各種不同的格式,至於
雖然自己也寫過外掛程式,但JQuery外掛程式種類的繁多,大多時候,我還是使用別人寫好的外掛程式,這些都是我用了同類外掛程式裡較為不錯的一些,今天就整理一下公開放出來。 UI: jquery.HooRay(哈哈,自己寫的外掛程式是必須有的) jquery UI(官方的UI外掛程式,功能很多,但我只用少數幾個) jQuery EasyUI jQuery
本外掛程式基本算原創,其中大多數功能是在之前工作中發現經常會使用到的,但使用他人的外掛程式放一起用會出現衝突,或者某個外掛程式不能相容各個瀏覽器,於是本人對一些外掛程式進行修改或重寫,也有些優秀的外掛程式原封不動的整合進來,但由於外掛程式開源共用,所以沒有寫明外掛程式的來源地址以及作者資訊,望見諒。 該外掛程式最大的優勢就是不會和其他開源jquery外掛程式產生衝突,每一個方法產生的html元素的樣式名或者id都是帶私人首碼的,所以不用擔心樣式上會衝突。 由於沒有設計感,所以沒有特別為這
相信上面兩張圖片上的輸入框裡有提示資訊這功能大家都見過,有的人應該也自己動手做過。 我之前也做過,做法應該和大家都差不多,在輸入框裡寫入提示內容,當滑鼠擷取焦點後清空內容,當失去焦點後判斷內容是否為空白,如果為空白,則恢複顯示提示內容,反則不顯示。但這樣的做法是否合理?下面一一來做下分析。 1、如果輸入內容和提示內容完全一樣,當失去焦點後,應該如何判斷? 2、如果input在表單裡,提交表單後,提示資訊隨著表單一併提交,難道還要在後端判斷提交資訊不等於提示資訊,再進行資料操作嗎? 3