這是效果圖。上面乙個過濾標籤。下面彈出框,選擇日,周,月。我的用途主要是報表查詢的時候根據這3種型別來查詢資料用的。
這裡分享下**。
js**
(function這裡i標籤fa fa-filter樣式不是bootstrap裡面的,如果有需要用的,可以修改成bootstrap裡面的。($) );
container.find(".filterdiv,.filterparamdiv").mouseout(function
() );
var ps =$.extend(,
week:
function
() ,
month:
function
() }, setting);
var fil =,
week:
function
(e) ,
month:
function
(e)
};container.find('.day').bind('click', function
(e) );
container.find('.week').bind('click', function
(e) );
container.find('.month').bind('click', function
(e) );
return
container;
}});
})(jquery);
css樣式
.filtercontainer.filterdiv.filterdiv > i.filterparamdiv.filterparamdiv > a.filteractive.filterparamdiv > a:visited.filterparamdiv > a:hover具體相容性啥的我也不知道,我就在chrome上面用的。
呼叫方法:
首先引用js和css,然後在div上面新增id="testfilter"
$("#testfilter").dtfilter(,我是個做.net後端的,前端不行,如果有問題,請指教,我也在學習中。week:
function
(e) ,
month:
function
(e)
});
js寫乙個外掛程式
分號開頭,用於防止 壓縮合併時與其它 混在一起造成語法錯誤 而事實證明,uglify壓縮工具會將無意義的前置分號去掉,我只是習慣了這麼寫 function 立即執行函式,閉包,避免汙染全域性變數 通常乙個外掛程式只暴露乙個變數給全域性供其它程式呼叫 還有其它寫法,運算子 函式體 括號 例 funct...
自己寫乙個jqery的拖拽外掛程式
說實話,jquery比原生的js好用多了,本來想用原生寫的,也寫出來的,僅僅是,感覺不像外掛程式,所以用jquery實現了一版。實現的功能 能夠指定拖拽的邊界,在拖拽過程中,能夠觸發幾個自己定義事件 先說明一下我寫的外掛程式的原則 1.常量分離出來,放在 zui.外掛程式中 2.外掛程式的主體執行函...
自己寫的乙個jQuery對聯廣告外掛程式
效果圖 檔案的位置擺放 外掛程式的 1 function 32 options extend defaults,options 33var html 34if options.leftadvstr 1 40if options.rightadvstr 1 47 dladvleftclose,dlad...