HTML5 拖拽上傳圖片執行個體

  因為標題寫的是執行個體,所以本次就不做講解了,因為這個執行個體我也算是東拼西湊整出來的,參考了大概5、6款拖拽上傳的外掛程式和demo,然後把其中好的地方挑出來,最後就成了這麼一個執行個體,一起來看下吧(地址不能保證長久有效,如果失效請在文章最後點擊demo下載):http://hoorayos.caifutang.com/dropupload.html  介面樣式我是參考了一個國外的相簿網站,改動不大,只是把鳥語轉換成中文,以及上傳時的樣式也進行了改動,之所以選這個的原因就是,我很容易做擴

用cloud-zoom做一個仿淘寶的寶貝放大鏡查看功能

  外掛程式我就不多介紹了,在我整理的《常用JQuery外掛程式整理》裡介紹,也有樣本。但在實際運用中,我發現一個外掛程式無法達到的效果,語言比較難描述,看圖說話吧  發現什麼問題沒有,我做了個demo,雖然已經達到放大鏡的效果了,但是大圖的顯示位置不是我想要的效果,我想要的效果就是,大圖的位置和左邊圖的外框平行,並且始終保持在那個位置。可能有人會說,外掛程式不是提供了xy軸位移的設定麼。是,但是如果圖片切換了,尺寸和原先的不一樣,xy軸的位移量要怎麼重新設定?最終可能就會出現這樣的效果  所以

關於IE6、7、8下實現盒陰影的幾個注意點

  通常,我們實現盒陰影都是通過這段代碼來實現的 -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 */

EonerCMS——做一個仿案頭系統的CMS(八-帶demo源碼下載)

  因為工作上的一些緣故,這個私人的小東西需要暫停開發,要等到明年再繼續開動了。  這段時間我進行了一些小部分的更新,下面稍微記錄下。  一、每個表徵圖從原先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】開源之路,我還能走多久

  最近心煩的事情可真多,好不容易忙完工作上的事情,可以靜下心來寫寫自己的HoorayOS,卻和園子上的某人因為抄襲的事情爭吵了起來。 地址如下:http://www.cnblogs.com/qidian10/archive/2012/06/06/2539046.html  回複中的“小RR”說我的HoorayOS是抄襲“囧囧有神”的作品,還提出關鍵性的文字——“core.js”。這個js檔案我從去年9月份開始編碼以來,名稱一直都沒變動過。可以查看我最早一次提供下載的文章:《EonerCMS——

formValidator4.1.1問題匯總

  4.1.1:點擊進入  希望作者maodong能儘快處理好以下幾個問題,期待穩定版的發布,閑話不多說,下面開始問題匯總:  一、未壓縮版和壓縮版不一樣  解決辦法:壓縮版的問題似乎比較多,由於看不到壓縮版的實際源碼,也做不了修改,所以暫時使用未壓縮版,或者也可以把修改好的未壓縮版,自己去壓縮一下再使用。  二、ajaxValidator方法提示方式強制彈框  程式碼片段:  解決辦法,閱讀能力有限,暫時只能將alert那句代碼注視掉。  三、ajaxvalidator驗證通過後,再獲得焦點再

藉助Bing Translate API翻譯API實現網站多國語言翻譯功能

  前幾天發了篇《藉助Google Translate API實現網站多國語言翻譯功能》,但好心人告訴我,Google即將關閉一些API,其中就包括Google翻譯的API,以下是原文:最近Google宣布將關閉一批API,被稱為“春季大掃除”,其中包括了Translate API(12月1日徹底關閉)──無數開發人員都在利用它打造豐富的翻譯類第三方應用。Google對此的解釋是說這些API給Google帶來了巨大的經濟負擔,且存在大量的濫用行為。  基於這種情況,我於是著手開始找其他實現辦法,

【HoorayOS】開源的Web案頭應用程式框架(第五版 v120704)

  經過大量自願者的BUG提交,建議討論之後,迎來了第五版。讓我們一起來看看第五版更新了哪些新功能吧。全域視圖網站設定模組  可以設定網站標題、關鍵字等SEO資訊。通過可以檢查更新,方便擷取最新版本資訊,當然為保證網站運行正常,檢查更新只檢查是否有新版本,如果有會給出新版本。另外在最下面設定了2個模組,用於顯示捐贈名單和著作權資訊。widget掛件新皮膚:仿EXTJS皮膚檔案夾預覽  每次小更新我都會在微博上發布,歡迎@可惜我是胡尐睿丶  更多小bug的修複就不一一描述了,以下是測試地址。  示

你不喜歡Firefox,但又喜歡firebug,那就跟我一起來在IE上使用firebug吧

先來兩張預覽圖,測試瀏覽器為搜狗瀏覽器。使用方法:1、右鍵點擊我,把我添加早收藏夾2、在任意頁面點擊剛才添加的收藏,然後等一會,就會在頁面右下角看到一個firebug的小按鈕,然後點擊它即可。附:如果你想讓頁面預設就有一個firebug的小按鈕進行調試,那直接加一句:<head>...<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>...&

EonerCMS——做一個仿案頭系統的CMS(四)

按住我拖動  一晃又過去一個多星期了,途中出了個差,進度上略有耽誤,不過還好,上次有個話題沒說完,這次繼續,就是視窗拖動以及改變視窗尺寸。視窗拖動&改變視窗尺寸  因為這功能可能很多人都做過,所以我只是提供一種我的方法,當然如果有考慮不全的地方,希望大家能提出來,因為拖動層的功能我是第一次做,沒太多經驗,也請教了很多人。接下來就先看demo吧:  HTML代碼如下:<div id="movedemo"><div

不完美解決click和dblclick事件衝突問題

文章目錄 情況描述情況分析解決方案具體代碼示範後續

一個基於PDO的資料庫操作類(新) + 一個PDO事務執行個體

  原先已經寫過一個PDO的資料庫操作類,這次只是在原先基礎上進行修改。<?php/* *作者:胡睿 *日期:2011/03/19 *電郵:hooray0905@foxmail.com * *20110319 *常用資料庫操作,如:增刪改查,擷取單條記錄、多條記錄,返回最新一條插入記錄id,返回操作記錄行數等 *20110630 *整體修改方法,合并部分參數 *規範代碼,一個方法裡只有1個return語句

讓“鎚子理論”適可而止

“當你有一把鎚子,你會把一切看成是釘子。”        ——馬斯洛  技術人員經常會陷入“鎚子理論”中。當掌握一門新技術,瞭解一門新架構,或者編寫了一個外掛程式,我們總是迫不及待的想大展身手,把這些新的東西,融入到產品中、項目中,或者自己的作品裡,甚至很少會去想,它是否真的適合?  昨天下午,在我的HoorayOS交流群裡,和群友討論表徵圖拖動排序的原理,後面討論到拖動結束後排序是否要改變dom結構,有人提了個不錯的思路,就是不改變dom結構,只改變dom的top和left樣式,實現排序更新,

用@font-face實現網頁特殊字元(提供本人整理的字元庫)

  前幾天寫了篇文章,就是用css來實現三角箭頭,雖然達到需要的效果了,但還是有一些問題,比如依舊需要靠position來定位箭頭的位置。而且目前也只能實現三角箭頭,若想用一些其他的字元,還是得用圖片。於是最近一直在尋找更好的辦法,最終被我找到了……  首先,我們去C盤Fonts檔案夾裡找到WEBDINGS.TTF字型,複製到案頭。接下來,我們需要一個軟體,就是“fontforge”,它可以實現製作自訂字型的功能,我們後面就要用它來做一個適用於我們自己的字型庫。  下載好後解壓,把WEBDING

EonerCMS——做一個仿案頭系統的CMS(一)

開篇  一個月前,我突然有了個想法,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外掛程式整理

  雖然自己也寫過外掛程式,但JQuery外掛程式種類的繁多,大多時候,我還是使用別人寫好的外掛程式,這些都是我用了同類外掛程式裡較為不錯的一些,今天就整理一下公開放出來。  UI:  jquery.HooRay(哈哈,自己寫的外掛程式是必須有的)  jquery UI(官方的UI外掛程式,功能很多,但我只用少數幾個)  jQuery EasyUI  jQuery

jquery.HooRay——自己做的一個jquery常用工具外掛程式

  本外掛程式基本算原創,其中大多數功能是在之前工作中發現經常會使用到的,但使用他人的外掛程式放一起用會出現衝突,或者某個外掛程式不能相容各個瀏覽器,於是本人對一些外掛程式進行修改或重寫,也有些優秀的外掛程式原封不動的整合進來,但由於外掛程式開源共用,所以沒有寫明外掛程式的來源地址以及作者資訊,望見諒。  該外掛程式最大的優勢就是不會和其他開源jquery外掛程式產生衝突,每一個方法產生的html元素的樣式名或者id都是帶私人首碼的,所以不用擔心樣式上會衝突。  由於沒有設計感,所以沒有特別為這

分析:input表單輸入框預設提示資訊

  相信上面兩張圖片上的輸入框裡有提示資訊這功能大家都見過,有的人應該也自己動手做過。  我之前也做過,做法應該和大家都差不多,在輸入框裡寫入提示內容,當滑鼠擷取焦點後清空內容,當失去焦點後判斷內容是否為空白,如果為空白,則恢複顯示提示內容,反則不顯示。但這樣的做法是否合理?下面一一來做下分析。  1、如果輸入內容和提示內容完全一樣,當失去焦點後,應該如何判斷?  2、如果input在表單裡,提交表單後,提示資訊隨著表單一併提交,難道還要在後端判斷提交資訊不等於提示資訊,再進行資料操作嗎?  3

總頁數: 61357 1 .... 7058 7059 7060 7061 7062 .... 61357 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.