zoukankan      html  css  js  c++  java
  • 给程序员的干货

    无聊的时候写的一个菜单插件,基于jquery,各种主流浏览器都支持,绝对的干货,自己亦可以再升级修改外观,支持可滚动、具体自己设定、下面来效果图、

    截图00

    截图01

    赶脚,不好莫怪!不是玩前端的,就这点能力了、下面简单的介绍一下具体配置方式、


       1.菜单插件兼容IE 8 以上的IE浏览器(已经测试),同时兼容firefox,chrome,sougou
      
       2.插件menus-Plusing.js为源代码库,menus-Plusing-compress.js为压缩库,两个只选择一个引入html(jsp/asp/php)即可(建议引入后者压缩过)menus-css.css为菜单必须样式、
        
       3.引入js文件后page配置如下即可,其中有默认配置

        

    <script type="text/javascript"> 
            
            $(function(){ 
        
                $().myPlusing({ 
                    MenusOneLevel:"Hello,world,blog,Que,Aswer",    //one level menus 
                    MenusTwoLevel:"Hello1,Hello2,Hello3,Hello4,Hello5|world1,world2,world3,world4|blog1,blog2|Que1,Que2|Aswer1,Aswer2", //two level menus 
                         LinkAddress:"Hello1.html,Hello2.html,Hello3.html,Hello4.html,Hello5.html|world1.html,world2.html,world3.html,world4.html|blog1.html,blog2.html|Que1.html,Que2.html|Aswer1.html,Aswer2.html",//two level link 
                    Top:50,                    //顶部距离,默认50px 
                    Height:100,                //菜单高度 
                    Width:65,                //距左右的宽度    
                    Scroll:true,                //设置菜单是否滚动 
                    twoLevelMenusSpaceOneLevelTitleTop:50, 
                    oneLevelBackgroundColoer:"#099",     //一级菜单背景颜色 
                    twoLevelBackgroundColoer:"#008B8B",    //二级菜单背景颜色 
                    menusShowSpeed:'slow',            //二级菜单显示速度 
                    menusHideSpeed:'fast',            //二级菜单隐藏速度 
                    oneLevelFontSize:3,            //一级标题字体尺寸 
                    oneLevelFontFace:'Times',        //一级标题字体样式 
                    twoLevelFontSize:3,            //二级标题文字大小 
                    twoLevelFontFace:'Times'        //二级标题文字样式 
                    
                    }); 
                }) 
        
        </script>
    

      

    好了到此完毕!简单吧,这里该上Download地址了:https://github.com/shandowsoftware/jquery_menus_plusing

    网络格言:【摘录】人就是人,不是机器,不能日复一日的在没有人性的情况下工作。人终究是需要有人的生活的。

    郑重声明:该篇文章未经许可授权不得随意转发除博客园以外的任何地放,园内转发必须注明原文链接地址。文章观点不代表任何团体及组织,实属个人观点,行为!如果触犯法律忘告知及时删除。其它个人如果因本篇文章造成违法犯罪等不正当后果者,本人概不负责。请慎重阅读!
  • 相关阅读:
    防止sql注入的小函数 以及一些小验证
    PHP几个防SQL注入攻击自带函数区别
    redis配置文件.conf和常用配置
    redis常用命令
    redis数据类型
    redis的安装和简单操作
    yum CentOS7安装mysql
    Linux安装mysql
    firewall-cmd 常用命令
    解决linux下启动tomcat找不到jdk
  • 原文地址:https://www.cnblogs.com/Beyond-bit/p/jquery_menus_plusing.html
Copyright © 2011-2022 走看看