IT技術互動交流平台

類垂直站點插件實現與分享

作者-果酱汉堡店变态版:謝燦勇  發布日期-|中国乐队名字:2016-12-19 20:32:10

來自廣東地區的小夥伴們或多或少都聽說過菲律賓海外程序員派遣吧||_众博彩票是合法的吗,特別是深圳和廣州地區的招聘群中經常出現這樣的信息|_河南4套,一個偶然的機會||娱乐天地点检官网,博主在無意中瀏覽發現有一家博彩公司的注冊地址是菲律賓-||黄油小熊是谁,而且在國內開設網絡賭博(這裏網站就不透露了)__2013途观报价及图片。博主發現雖然站點是非法的_-_朱森林简历,還是有很多在站點的設計的非常好|-|盈娱乐注册,值得我們去學習的-|_优博彩票官网,所以就仿照了一下別人家的網站_--仙缘 云朵朵之家,自己重構了一下類似風格的插件出來_亿彩彩票是诈骗平台吗。(插件目前為1.0版本---黄牛课件网,穩定性不高_-小爸爸拍摄地点,不建議商業使用-|芳龄13,但是學習一下還是可以的)

一_-湖南中青旅行社、插件的設計思想

這款插件主要是用來解決側邊固定欄的實現的功能的-漯河军嫂被拘留。該插件的設計思路比起jPage.js有所創新(新來的小夥伴們可能不太清楚---铸造石墨粉,jPage.js就是博主之前分享過的一款類電商的分頁插件_||cad2004官方下载,詳情請看),有了比較大的突破|山海情缘东方神韵,之前相當於就是一個方法一個方法的調用金亚莱的领袖,但是現在的設計就是相當於有一個父類初始化了一些公共的方法|沈阳调料批发市场,然後通過子類繼承父類的形式-__亿博彩票是正规平台吗,將父類的值傳遞給子類|-|青田封门青,子類改變值重新傳給父類-珠海电大成绩查询,從而達到了不同子類之間的信息共享與傳遞_-|248彩票平台下线。圖例如下|_长沙保险箱:

其中父類Init初始化類中將要使用到的變量-2016女排大奖赛赛程表,validate中對程序的運行結果進行驗證保證傳入的參數是正確的|--诺基亚翻盖手机大全,draw這個方法是用來對傳入參數進行繪製的|-描写大自然的诗句,最後在外部對init中進行事件綁定|-|湖南中青旅行社,這樣我們就能夠很簡單的通過一個main方法來new 一個init從而達到側欄繪製的效果

二--云顶国际网站进不去了、插件簡單DEMO
<!DOCTYPE html>
<html lang='en'>
<head>
    <meta charset='UTF-8'>
    <title>mulTSideBar DEMO</title>
</head>
<body style='height:1200px'>
    <div id='test'></div>
    <script type='text/javascript' src='http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js'></script>
    <script type='text/javascript' src='multSideBar.js'></script>
    <script type='text/javascript'>

        /*
         *author:leslieSie 
         *description:關於MultSideBar插件的簡單應用
         *time:2016/12/11
         */
        $('#test').multSideBar({
            goTopControl:true,
            show:{
                data:[
                {
                    icon:'weibo',   //weixin,qq,facebook,taobao_|百强中学,zhifubao,weibo
                    type:'hollow',   //可選參數有hollow,solid
                    noCustom:true,    //自定義類型_|安泽征婚,隻有在custom為true的時候-_1288彩票是正规网站吗?,customUrl才有效
                    text:'微博',
                    customUrl:'',    //圖片的URL
                    click:function(){  
                        window.location.href='https://www.weibo.com';
                    },         
                },{
                    icon:'weibo',   //weixin,qq,facebook,taobao_|_魏征进谏图的作者,zhifubao,weibo
                    type:'hollow',   //可選參數有hollow,solid
                    noCustom:false,    //自定義類型__|dhc滋养化妆水,隻有在custom為true的時候|_-101号宠物恋人2,customUrl才有效
                    text:'小兔子',
                    customUrl:'img/custom.svg',    //圖片的URL
                    click:function(){
                        window.location.href='https://www.baidu.com';
                    },        //點擊後的效果        
                },{
                    icon:'goTop',   //weixin,qq,facebook,taobao|银彩注册,zhifubao,weibo
                    type:'solid',   //可選參數有hollow,solid
                    noCustom:true,    //自定義類型_||街头篮球葡萄论坛,隻有在custom為true的時候-陕西医科大学,customUrl才有效
                    text:'置頂',
                    customUrl:'',    //圖片的URL
                }]
            }
        });
    </script>
</body>
</html> 

運行效果如下|-36选7复式三中三缩水:

更多的配置請到git上麵閱讀readme文件_-|苏州干将西路535号,地址|__瘦儿鞋:https://github.com/leslieSie/font-end-tools/tree/master/jquery/multSideBar

三-|_2019年四不像正版、插件版本規劃

 由於這款插件預期是要在星期六的時候發布的__198平台计划,由於出現一點變動耽誤了發布時間-守护甜心目录,所以1.0版本在匆忙中緊急發布_-新娘之无悔的爱,因此難免會有一些瑕疵_--温汤散,所以在1.1版本中會修複大家所提交的Bug,添加圖標的popup功能(這個功能類似於hover顯示微信二維碼),允許透明度定製等問題的添加與修複||锐度网站。如果你覺得讚的話__掌上恭城下载平台,請在右下角點讚_|虞城县教育网,或者給予小額的資金資助|-港台身份证号生成器,以供博主可以繼續的進行開源項目的開發-诛仙推广员。

同時博主承接插件商業化定製服務

延伸閱讀_--2006七乐彩走势图表:

Tag標簽||_左旋贝壳: 插件   站點  
  • 專題推薦

  • Windows7係統入門 優化 技巧技術專題
  • Windows7係統專題 無論是升級操作係統__不思议游戏国语版、資料備份___塔西亚怎么打、加強資料的安全及管...... 詳細
About IT165 - 廣告服務 - 隱私聲明 - 版權申明 - 免責條款 - 網站地圖 - 網友投稿 - 聯係方式
本站內容來自於互聯網,僅供用於網絡技術學習,學習中請遵循相關法律法規
亿客隆彩票幸运蛋蛋秒速赛车pc蛋蛋捷豹彩票云帆彩票

免责声明: 本站资料及图片来源互联网文章,本网不承担任何由内容信息所引起的争议和法律责任。所有作品版权归原创作者所有,与本站立场无关,如用户分享不慎侵犯了您的权益,请联系我们告知,我们将做删除处理!