摘要:
很久沒有寫過博客了,閑的時候沒東西可寫,忙的時候沒有時間寫。前些天,后臺的同事提建議說,上傳圖片不是很好用,后臺在線編輯器用的是fckeditor。這時候想到了很久前看過一遍提升用戶體驗:HTML5 拖放文件上傳,于是就打算做一個拖拽上傳圖片的功能。因為是后臺用,所以不用考慮ie的兼容了。1.拖圖片進瀏覽器的時候阻止瀏覽器的默認行為(比如打開直接圖片) dropbox 給我們的容器添加上幾個事件綁定dragenter,dragover,drop三個事件 dropbox.addEventListener("dragenter", function(e){ e.stopProp
閱讀全文
摘要:
以前網站要實現了一個在線預覽文件的功能,其中后臺管理時用到了ajax上傳。我用的是一個jquery插件ajaxfileupload.js今天同事使用時突然報錯了(以前沒有問題,我們用的都是火狐瀏覽器,后來我讓她用其他瀏覽器沒有問題),我試了一下也出錯了。alertSyntaxError: missing ; before statementerror 這個應該是js語法錯誤。記得當時也出現過這個錯誤,不過后來怎么解決的忘記了(當然也可能是我記錯了可能)。調用ajaxfileupload上傳的部分代碼如下 1 $.ajaxFileUpload 2 ( 3 { 4 url:'eb_pric
閱讀全文
摘要:
前些時間修改網站首頁,首頁上有很多地方用到這種方式來展現內容(不一定非得是圖片)。雖然顯示效果不同,但還是有相同的地方的。于是就自己寫了一個插件(別問我為么不在網上搜個插件)下面是效果圖,一共有3張切換效果,普通,淡入淡出,滑動源碼網頁代碼<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w
閱讀全文
摘要:
前些天,要實現一個功能。在后臺,一些信息是要實時提醒給后臺管理員。用的是通過ajax獲取最新信息,然后在前臺提示;原來系統自帶的是彈出一個對話框,然后flash播放鈴聲;這種方式不是很友好,對話框彈出一會就消失了,這個頁面不能最小化,不然是看不到的;另外播放鈴聲也得要求管理員帶上耳機。于是就想到了郵箱中來新郵件那種提示方式,閃動標題欄;思路是:通過ajax訪問后臺,若有新消息,則將網頁的title替換為 提示信息 ,并與空格來回切換;例:【你有新消息】與【 】切換;提示內容弄是動態的,所以替換文字的空格數目也是算出的。這里用全角的空格;但是如果提示消息中有‘數字’等半角字符的話就會出現問題。.
閱讀全文
摘要:
據說ecshop的模板類是修改的smarty,不過個人感覺不是修改是完全重寫了。它和smarty上只是模板標簽上有相同的地方,同時閹割了很多功能。比如$smarty.const.'常量',這個就不能用。其實模板引擎原理上并不復雜,只是把一些模板標簽替換為php中的函數,變量,語法結構罷了。這次要在ecshop模板中加入引用常量的功能,只需在函數make_var()中加入兩行代碼 1 function make_var($val) 2 { 3 if (strrpos($val, '.') === false) 4 { 5 if (isset($this->_
閱讀全文
摘要:
setTimeout(function (){test('dd')},5000);function test(a){ alert(a); }test() 五秒后執行
閱讀全文
摘要:
<div id='test' >fdsfsdf123</div>如 $('#test1').fadeIn(1000) test 中的英文字符在動畫效果結束前會加粗解決方法: 為test層設上背景顏色
閱讀全文
摘要:
解決方法:為使用offset的對象的top,left設上值.(另外需要注意的是offset()只對可見元素生效)例如:<div id='test'style="position:absolute;top:0px;left:0px;width:100px; height:100px;" > test</div>$('#test').offset({'top':100,'left':100});
閱讀全文
摘要:
寫的一個簡單的jquery插件,在IE6.0下,自動把div 的position 屬性改為absolute。jQuery.fn.extend({ juzhong:function(){ var p={};//在ie瀏覽器下用top left 和標簽相同的做變量,會出問題 h=$(this).height(); w=$(this).width(); p.top =($(window).height()-h)/2; p.left=($(window).width()-w)/2; if($.browser.msie && $.browser.version=='6.0'
閱讀全文