淡淡一杯茶
淡淡一杯茶

JS+CSS制作下拉式多级弹出式菜单

JS+CSS制作下拉式多级弹出式菜单

编程技术 2008-10-31 16:28:04 阅读1172 评论2   字号：大中小 订阅

下拉及弹出式菜单是网站设计中常用导航形式，这种菜单形式能够充分利用页面现在空间隐藏与显示更多内容，并能对内容进行合理的分类显示，是一种非常优秀的导航形式。
　　早期的下拉或弹出式菜单通过隐藏的layer或div来实现内容的隐藏，通过JavaScript脚本来响应用户的操作，目前也采用JavaScript+div或其它元素的形式来制作此类导航，不同的是整个导航都将使用符合标准的css布局来打造，不再使用表格来制作菜单，下拉式菜单是上面提到的横向导航与纵向导航的结合，而且通过css对于属性的众多支持，同一个菜单不再需要多个div相互配合完成，使用css布局来制作下拉菜单元，甚至可以直接控制ul或li元素，现在来尝试一个最简单的下拉菜单的制作，需要补充的是，下拉式菜单的实现利用了很多JavaScript技术，在这里对JavaScript技术不作过多的语法上的综合了解，只想通过现有的实例来告诉大家由于css元素属性的灵活性，而使用制作网页上的元素更加简单方便。先看一下目前所设计的导航的XHTML部分代码：

<ul id="nav">
    <li><a href="">文章</a>
        <ul>
            <li><a href="">CSS教程</a></li>
            <li><a href="">DOM教程</a></li>
            <li><a href="">XML教程</a></li>
            <li><a href="">FLASH教程</a></li>
        </ul>
    </li>
    <li><a href="">参考</a>
        <ul>
            <li><a href="">XHTML</a></li>
            <li><a href="">XML</a></li>
            <li><a href="">CSS</a></li>
        </ul>
    </li>
    <li><a href="">BLOG</a>
        <ul>
            <li><a href="">全部</a></li>
            <li><a href="">网页技术</a></li>
            <li><a href="">UI技术</a></li>
            <li><a href="">FLASH技术</a></li>
        </ul>
    </li>
</ul>
<ul>
    <li><a href="">摇滚</a></li>
    <li><a href="">纯音乐</a></li>
    <li><a href="">古典金曲</a></li>
    <li><a href="">电影原声</a></li>
</ul>

　　一个标准的采用ul结构的菜单构成，但与前面所不同的是，这里的代码结构涉及嵌套，在第一层的li之间插入了另一个ul的结构，这就是多级菜单的一个代码构成模式，XHTML代码允许通过嵌套元素来实现想要的效果或是结构。下一步，我们尝试编写一些简单的css样式让菜单变成所希望的横向式：

ul { padding:0; margin:0; list-style:none;}
li { float:left; width:100px;}

　　第一步，对导航系统热热闹闹有ul元素进行基本设置，list-style:none属性能够帮助我们去掉ul中的所有圆点标识。list-style属性拥有其它更丰富的使用方法，将在后面的列表元素中重点了解。
　　我们希望导航是横向的通过对li设置float:left属性，将所有的li向左浮动，形成了横向的布局，并尝试使用每个li的宽度为100px，继续编写代码：


li ul { display:none; top:20px;}

　　li ul的定义在这里所指的是所有li下面的ul元素，除了顶级的ul元素外，所有li下面定义的ul元素都将受到这部分样式的定义。在这里使用top属性设置了整个ul的上边距，并使用display:none让这部分被了起来。css中的怕有元素基本上都可以使用display属性来控制显示还是隐藏。


li:hover ul,li.over ul { display:block;}

　　li:hover ul定义了li元素下的ul元素。通过逗号分隔，让这两种情况下都能使用display:block属性，display:block属性和display:none属性刚好相反，一个是隐藏，一个是显示，当设置为display:block时，不仅其指派的元素将显示，而且还显示成一个块状，如果不进行display:block时，元素只会按自己的内容在屏幕上占有的区域进行显示，而使用display:block时，元素将自己形成一个广块作为自己的点位符，这种设置对于做大按钮来说是非常方便的。

　　在最下边的预览内代码你可以看到，里边加上了和段js代码，它是用来控制在IE浏览器下显示下拉菜单的，本来li:hover ul这句是可以的，但IE对css的支持还还完善，所以需要借助JS来控制。
　　下面我们尝试给下拉菜单增加一些样式：

ul li a { display:block; font-size:12px; border:1px solid #ccc; margin-top:2px; margin-left:3px; padding:3px; text-decoration:none; color:#777;}
ul li a:hover { background-color:#ddd;}

　　css布局的下拉菜单控制重点在于对元素的隐藏与显示。
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>下拉及多级弹出式菜单</title>
<script type="text/javascript">
<!--
startList = function() {
 if (document.all&&document.getElementById) {
  navRoot = document.getElementById("nav");
  for (i=0; i<navRoot.childNodes.length; i++) {
   node = navRoot.childNodes[i];
   if (node.nodeName=="LI") {
    node. {
     this.className+=" over";
    }
    node. {
     this.className=this.className.replace(" over", "");
    }
   }
  }
 }
}
window.onload=startList;
//-->
</script>
<style>
ul { padding:0; margin:0; list-style:none;}
li { float:left; width:100px;}
ul li a { display:block; font-size:12px; border:1px solid #ccc; margin-top:2px; margin-left:3px; padding:3px; text-decoration:none; color:#777;}
ul li a:hover { background-color:#ddd;}
li ul { display:none; top:20px;}
li:hover ul,li.over ul { display:block;}
</style>
</head>

<body>
<ul id="nav">
 <li><a href="">文章</a>
  <ul>
   <li><a href="">CSS教程</a></li>
   <li><a href="">DOM教程</a></li>
   <li><a href="">XML教程</a></li>
   <li><a href="">FLASH教程</a></li>
  </ul>
 </li>
 <li><a href="">参考</a>
  <ul>
   <li><a href="">XHTML</a></li>
   <li><a href="">XML</a></li>
   <li><a href="">CSS</a></li>
  </ul>
 </li>
 <li><a href="">BLOG</a>
  <ul>
   <li><a href="">全部</a></li>
   <li><a href="">网页技术</a></li>
   <li><a href="">UI技术</a></li>
   <li><a href="">FLASH技术</a></li>
  </ul>
 </li>
</ul>
<ul>
 <li><a href="">摇滚</a></li>
 <li><a href="">纯音乐</a></li>
 <li><a href="">古典金曲</a></li>
 <li><a href="">电影原声</a></li>
</ul>
</body>
</html>

你可能感兴趣的:(css,菜单,制作,休闲,弹出式)

  • 移动端城市区县二级联动选择功能实现包 good2know
    本文还有配套的精品资源，点击获取简介：本项目是一套为移动端设计的jQuery实现方案，用于简化用户在选择城市和区县时的流程。它包括所有必需文件：HTML、JavaScript、CSS及图片资源。通过动态更新下拉菜单选项，实现城市到区县的联动效果，支持数据异步加载。开发者可以轻松集成此功能到移动网站或应用，并可基于需求进行扩展和优化。1.jQuery移动端解决方案概述jQuery技术简介jQuery
  • 你好，2020年 瑄瑄妍妍的妈咪
    早上好，今天是2020年的第一天，也就是元旦，新年新的一天开始了。新的开始，重新规划未来的一年。从今天开始，用了一个新的记账软件，之前的随手记软件，也没有删除，只是重新下载了一个别的软件，开始一个新的记账旅程，对于理财开支，有个新的规划。通过小红书视频软件，学习了不少育儿知识，和各种不同的美食，以后动手制作，给宝宝做健康美味的营养餐。学习方面，继续学英语吧！虽然是抽出时间学的，进度也比较慢，但是积
  • js操作样式 郝加升
    DOM样式属性和方法：指定的元素，它的style有这么几个属性和方法：cssText：通过这个属性可以访问到元素的特性style设置的属性，并且可以直接赋值设置。removeProperty（属性名称）：从样式中删除给定属性。setProperty（属性名称，值，权重）：可以通过这个方法设置给定样式的同时设置其权重，可以传入”important”或者一个空字符串。获取计算后样式：window.ge
  • 用代码生成艺术字：设计个性化海报的秘密
    本文围绕“用代码生成艺术字：设计个性化海报的秘密”展开，先概述代码生成艺术字在海报设计中的独特价值，接着介绍常用的代码工具（如HTML、CSS、JavaScript等），详细阐述从构思到实现的完整流程，包括字体样式设计、动态效果添加等，还分享了提升艺术字质感的技巧及实际案例。最后总结代码生成艺术字的优势，为设计师提供打造个性化海报的实用指南，助力提升海报设计的独特性与吸引力，符合搜索引擎SEO标准
  • 前端面试每日 3+1 —— 第39天 浪子神剑
    今天的面试题(2019.05.25)——第39天[html]title与h1、b与strong、i与em的区别分别是什么？[css]写出你知道的CSS水平和垂直居中的方法[js]说说你对模块化的理解[软技能]公钥加密和私钥加密是什么？《论语》，曾子曰：“吾日三省吾身”（我每天多次反省自己）。前端面试每日3+1题，以面试题来驱动学习，每天进步一点！让努力成为一种习惯，让奋斗成为一种享受！欢迎在Iss
  • 家常菜的简单做法(三) 教孩做饭开伙仓
    荤菜类的菜由于特有的口感醇香、营养的丰富而得到大多数人的喜爱,特别是年青人,甚至荤菜摄入量大于素菜的摄入量,从而造成营养代谢失衡。荤菜中的猪肉、牛肉、鸡、鸭通常烹饪前必须洗净后用冷水煮开,把水倒掉再烧、这样有去腥味、减少嘌呤的摄入,减少痛风的发生,还可减少油脂的摄入,有利于我们饱了口腹,又增加了健康，减少了不利因素。鱼虾类烧就是根据清蒸、水煮还是红烧来安排制作了。红烧肉类的菜,在焯水后放炉子上加入
  • 推荐1个适合女生做的小副业,靠谱又逆天!(建议收藏) 氧惠全网优惠
    生活中，女性经常会面临更多方面的需求，比如工作需要、家庭需要和孩子的陪伴教育需要，所以往往会有更大的职业压力，所以这里就整理了部分比较适合女生做的副业，一起来看。适合女生做的副业【1】剧本杀主持人剧本杀是年轻人当下热门的桌游，一般在周六日、节假日或者是晚上的顾客会比较多，所以和我们正常的工作时间错开，比较适合我们平时做兼职。【2】PPT制作我们可以在网上发布信息，也可以直接去某宝接单，和客服说来接
  • Charles 配置 https Monkey_猿 httpCharles配置https
    Charles一.Iphone(MAC版;win可参照使用):首先，对Charles进行配置：菜单：Proxy->ProxySettings...->勾选EnabletransparentHTTPproxyingProxy->ProxySettings然后找到电脑的局域网IP地址：这里自己去找吧接着，打开你的iPhone：设置->Wifi->连接上和电脑同一路由器的Wifi，点击右边的i进入配置配
  • 在Ubuntu24.04搭建VLLM， SGLang 和 LangChain环境 小熊冲！冲！冲！ AIubuntulangchainai毕业设计
    在Ubuntu24.04搭建VLLM，SGLang和LangChain环境[!NOTE]概述整片文章是笔者的回忆(白天忙碌了一天，晚上进行的总结)，所以有些地方的描述可能有误差，本文更多的是大体方向问题，细节步骤不是本文的重点，见谅!!!如何安装Ubuntu24.04制作启动U盘，作者使用的是rufus.exe工具下载Ubuntu24.04的ISO镜像使用rufus.exe工具刷入Ubuntu22
  • 2023年做什么行业最赚钱 夕阳行业还有赚钱机会么 目前哪些行业比较赚钱 测评君高省
    在快手上面看到赚钱案例，大体的意思是，一个专门做DVD的厂家这几年随着移动设备越来便捷，后自己的生意不是很好干，于是想把自己的DVD卖到非洲去，在非洲一年后，才发现自己的做的产品利润已经压到了最低，但是仍然卖不过印度人制作的！原来他们的产品生产成本更低，比如我们的工资在一些小县城也就2000元左右，而印度人工资在二三百人民币！所以他们的生产成本更低！那怎么办呢？他说自己什么也不会干，只会干dvd！
  • 20个月幼儿游戏 一只暴躁的小仙女
    这个阶段注重宝宝平衡能力协调发展，蹲下起立和弯腰拾物，各种能力相互配合，逐步学会复杂的动作。宝宝已经会扭动门把手，会自己开门走出房间。玩沙给宝宝准备一堆干净的细沙和一个小桶、一个小铲，让宝宝玩耍，看细沙从指间流出。然后用水壶把干沙打湿，用塑料小碗制作出小沙饼，宝宝会非常兴奋，会找出不同形状的塑料容器来制作不同形状的沙坯；也可教宝宝用小铲子铲出河流，架上积木做的小桥，陪宝宝玩一阵后，妈妈可以去做自己
  • 冬游颐和园简易攻略 和佛陀去赏花
    持续记录431天（2019.2.8）阅读打卡第212天：《穷查理宝典》1394-1461。朗诵记录第213天：今天是朗诵的第32周第5天，日常绕口令练习《喇嘛和哑巴》，《论语•述而第七》（二）七点四十醒来，老妈做些早餐，饭毕，我们祖孙三人九点出门，今天计划颐和园。颐和园在最初建造的时候就是为了祝寿所用，作为皇家园林，在规划上颐和园共分为三个区域：生活区（佛香阁），行政区（仁寿堂），游玩休闲区（昆明
  • 自己在家做甜品挣钱吗，女性一个人开蛋糕店怎么样 配音就业圈
    一、自己在家做甜品挣钱的方法有哪些现在很多人喜欢吃甜品，开启自己在家制作甜品的挣钱之路是一个不错的选择。有几种方法可以帮助你在家做甜品并获得利润：兼职副业推荐公众号，配音新手圈，声优配音圈，新配音兼职圈，配音就业圈，鼎音副业，有声新手圈，每天更新各种远程工作与在线兼职，职位包括：写手、程序开发、剪辑、设计、翻译、配音、无门槛、插画、翻译、等等。。。每日更新兼职。1.制作个性化甜品礼盒：可以根据客户
  • 复盘：视听说3、4单元，精读4单元 任贤芳
    Part11，从本单元中我学到的最重要的理念（精读和视听说分别总结）视听说3：休闲时间去做自己想做的事情，度过一个让自己开心而又快乐的时光，比如健美操、烧烤、野餐、瑜伽、更刺激的还有蹦极、攀岩、卡丁车……虽然疫情封闭，但我们仍旧可以在校园中寻找快乐，比如去拍照，一起野餐，玩游戏，封闭的校园封不住我们的快乐与激情，封不住我们的青春快乐。视听说4：聚光灯下生活一般是指名人或者明星以及对社会有较大影响的
  • 26. 什么是雪碧图，作用和原理了解吗 yqcoder 前端面试-CSScss前端html
    总结小图合成一张，使用background来使用，减少资源请求一、什么是雪碧图？雪碧图（CSSSprite）是一种前端优化技术，指的是将多个小图标合并成一张大图，通过CSS控制显示其中的某一部分。它常用于网站中图标、按钮等小图较多的场景。二、雪碧图的作用作用说明✅减少HTTP请求次数合并多个图片为一张图，减少请求资源数✅提升页面加载速度尤其在图片较多时效果明显✅避免图片加载闪烁鼠标悬停切换图片时不
  • 周检视（2019年1月21日至1月27日） 其乐融蓉蓉
    没有记录就没有发生。本周的关键词是住院。1,住院修养七天，把自己心中的担忧去除。2,阅读《好妈妈胜过好老师》60页3,看电影《肖生克的救赎》等评分很高的电影4,17号参加易效能天使班小组会一次，并做记录5,本周累计运动180分钟，消耗热量648千卡6,制作了2019年度计划图片发自App下周计划1-每天阅读《好妈妈胜过好老师》40页，一本书读完才可以换另外一本书2-中餐和晚餐后各走路2公里。早餐后
  • 云端渲染：重塑影视、游戏与设计行业的算力革命
    导言：云端渲染技术通过将繁重的图形计算任务迁移至云端强大的计算集群，有效突破了传统渲染对高性能本地硬件和漫长等待周期的依赖，显著降低了制作成本与门槛。它正日益成为驱动影视、游戏及设计行业创新的核心技术。本文将深入解析云端渲染的技术原理，并探讨其如何深刻变革这三大行业的格局与未来。一、云端渲染的技术原理：解构算力革新云端渲染，其核心在于将高负载的图形处理任务——如复杂的3D建模、动画特效、光影计算及
  • ubnutu网络
    ubnutu网络‍在Ubuntu系统中连接外网（外部网络）的方法主要取决于你的网络环境（有线/无线）和网络类型（DHCP自动分配或静态IP），以下是常见的连接方式：一、通过图形界面连接（适合桌面版）1.有线网络（以太网）直接用网线连接电脑和路由器/交换机，系统通常会自动检测并通过DHCP获取IP地址，无需额外配置。若未自动连接：点击屏幕右上角的网络图标（类似Wi-Fi或网线图标）。在弹出的菜单中，
  • 十大适合孕妇的小生意有哪些?推荐几种不错的小生意 氧惠购物达人
    当怀孕后，许多准妈妈可能会开始思考如何在孕期增加一些收入。虽然怀孕需要特别注意身体，但仍有很多适合孕妇的赚钱途径。下面我将为你详细介绍几种怀孕了也能尝试的赚钱方式。1.手工制作：如果你有一双巧手，可以考虑制作一些手工艺品并出售。例如，针织宝宝衣物、制作手工饰品、绘制插画等。你可以在电商平台上开设自己的店铺，或者参加手工艺品市场等活动来销售你的作品。不仅能发挥自己的创造力，还可以为宝宝准备一些独特的
  • 关于前端的性能优化
    性能优化主要涵盖了以下四个方面：(tip:仅代表个人总结，如有不当，还希望看到的大佬多多指示)减少网络请求：合并文件、使用CDN、启用缓存。优化资源加载：代码分割、懒加载、图片压缩。提升渲染性能：减少重绘回流、防抖节流、使用WebWorker。监控和迭代：定期使用工具检测性能，持续优化。一、网络层面优化减少HTTP请求合并文件：将多个CSS或JavaScript文件合并成一个，减少请求次数。使用C
  • 职场圆梦手册—1月份总结回顾篇 陆游学苑
    在2020年1月1日给自己制定了自己年度个人规划，从圆方规划图的八个维度：个人成长、自我实现、职业发展、财务、朋友及重要他人，家庭、健康、休闲娱乐来做的，见自己的文章《2020年度个人规划—培训陆游》。本来是打算以月度来进行回顾的，不过这个春节因为众所周知的原因，没有进行回顾，正好借着今天这个时间，来对自己1月份的完成情况进行一个回顾，后期还是要坚持进行月度和周度的回顾，不断看自己是否偏离了自己的
  • Grid布局参考资料 kiterumer
    Grid布局张鑫旭-写给自己看的display:grid布局教程阮一峰-CSSGrid网格布局教程在Grid布局中，float，display:inline-block，display:table-cell，vertical-align以及column-*这些属性和声明对grid子项是没有任何作用的。这个可以说是Grid布局中的常识，面试经常会问的，一定要记得。Grid布局则适用于更大规模的布局（
  • 华为S5735交换机console密码重置和恢复出厂设置 Shaoxi Zhang 网络技术华为网络
    比较简单，简单说就是进入bootload清除密码，然后进入defaultmode下重置密码。1.开机按Ctrl+B，进入启动加载菜单（BootLoadmenu）拨电源重启交换机，大约开机10多秒的时候会出现提示按Ctrl+B可以进入BootLoadmenu.Lastresettype:PowerOnPressCtrl+BtoenterBootLoadmenu:12.清除console密码Passw
  • 吃饭时的小细节，正在“暴露”你的教养 小熊叙情
    德漠克利特：有教养的人的遗产，比那些无知的人的财富更有价值。来自读者的留言：我有一个暗恋了很久的男神，从见到他的第一眼时，就非常喜欢他，之前找了各种机会接近他。一个月前，我请他帮了个忙，以感谢为由请他吃了顿饭。他选了一家很贵的餐厅，因为说好要请客，又不想显得自己太小气，也不好说什么。在点菜的时候，他一口气点了五六个菜，再把菜单递给我。两个人吃五六个菜已经有点多，我也就没再点了。餐厅上菜慢了，点他就
  • 兼职新选择，宝妈也精彩：适合家庭主妇的兼职机会 氧惠超好用
    一、儿童手工艺品店儿童手工艺品店是一个既有趣又充满创意的创业项目。宝妈们可以利用自己的巧手和想象力，制作出各种可爱、实用的手工艺品，如布偶、手工卡片、彩绘石头等。这些手工艺品既可以作为玩具，也可以作为装饰品，深受孩子们的喜爱。同时，这种创业方式不需要太大的店面和过多的投资，宝妈们可以在家中或者租用一个小型商铺进行经营。二、营养鲜奶吧鲜奶吧作为一个健康、营养的创业项目，近年来备受大家的青睐。我经营鲜
  • 淘宝优惠券怎么做？策略与实操详解 高省爱氧惠
    在电子商务日益繁荣的今天，淘宝作为中国最大的电商平台之一，吸引了无数商家和消费者的目光。为了提升销售、吸引顾客，淘宝优惠券作为一种重要的促销手段，受到了广大商家的青睐。那么，淘宝优惠券怎么做呢？本文将为您详细解析淘宝优惠券的制作策略与实操步骤。一、淘宝优惠券制作前的准备在制作淘宝优惠券之前，商家需要做好充分的准备工作。首先，要明确优惠券的目的和定位。优惠券是为了吸引新客户、提高销售额，还是为了提升
  • 2025年海外短剧CPS分销系统开发：技术架构与商业化实战指南
    一、市场爆发：万亿级赛道的结构性机遇2025年海外短剧市场迎来指数级增长，SensorTower数据显示，仅第一季度应用内购收入就达7亿美元，全年预计突破45亿美元。美国贡献49%收入，东南亚以9%增速成为新兴增长极。这种爆发式增长源于三大驱动力：用户行为变迁：全球短视频用户突破20亿，微短剧月活用户仅8000万，渗透率不足10%，存在11倍增长空间技术赋能创新：AI生成内容（AIGC）降低制作成
  • 2024国内游戏平台排行榜 目前最热门的国内游戏平台推荐 会飞滴鱼儿
    免费在线游戏网站为我们的日常休闲娱乐提供了丰富多样的游戏体验。有些游戏平台相当优质，同时还提供实时动态、活动福利等。现在让我们一起探寻哪些免费在线游戏网站值得你投入时间和精力，沉浸在游戏的世界中，畅玩各种好玩的游戏。2024最火的免费游戏网站排行榜大全───┅┈━━━━━━━━┅┈─────────────Top1──────────游戏名字：游戏豹官网-特点-：手机游戏门户网站日活跃量：1.3w
  • 解决 Webpack 报错 “No module factory available for dependency type: CssDependency“ 的方法 cmmav33990 webpackrust前端
    这个错误表明Webpack在处理CSS依赖时找不到合适的模块工厂，通常发生在配置不完整或依赖冲突的情况下。以下是详细的解决方案：核心解决方案方案1：安装并配置正确的CSS处理器（最推荐）bashnpminstall--save-devcss-loaderstyle-loader#或使用mini-css-extract-plugin替代style-loadernpminstall--save-dev
  • 快乐中秋——我们的手工月饼 Rao_ee39
    一年一度的中秋节如期而至，为了弘扬我们中国的传统文化，让孩子们体验咱们传统节日的乐趣，我们开展了做月饼的活动，小朋友们化身变成了糕点师～活动开始之前，老师们为孩子准备了手套和小帽子，孩子们都表现的非常激动，对做月饼这个事情蠢蠢欲动。做好了我们的准备工作，就迎来了真正的制作过程，桌子上摆好了豆沙芝麻馅，还有小面团，小朋友们拿到之后先揪一小段面团团成小团子，然后再把小团子压扁，再加入馅料，孩子们有的喜
  • Java序列化进阶篇 g21121 java序列化
            1.transient         类一旦实现了Serializable 接口即被声明为可序列化，然而某些情况下并不是所有的属性都需要序列化，想要人为的去阻止这些属性被序列化，就需要用到transient 关键字。
  • escape()、encodeURI()、encodeURIComponent()区别详解 aigo JavaScriptWeb
    原文：http://blog.sina.com.cn/s/blog_4586764e0101khi0.html   JavaScript中有三个可以对字符串编码的函数，分别是： escape,encodeURI,encodeURIComponent，相应3个解码函数：,decodeURI,decodeURIComponent 。 下面简单介绍一下它们的区别 1 escape()函
  • ArcgisEngine实现对地图的放大、缩小和平移 Cb123456 添加矢量数据对地图的放大、缩小和平移Engine
    ArcgisEngine实现对地图的放大、缩小和平移:  个人觉得是平移，不过网上的都是漫游，通俗的说就是把一个地图对象从一边拉到另一边而已。就看人说话吧.  具体实现: 一、引入命名空间    using ESRI.ArcGIS.Geometry;    using ESRI.ArcGIS.Controls; 二、代码实现.
  • Java集合框架概述 天子之骄 Java集合框架概述
       集合框架 集合框架可以理解为一个容器，该容器主要指映射(map)、集合(set)、数组(array)和列表(list)等抽象数据结构。 从本质上来说，Java集合框架的主要组成是用来操作对象的接口。不同接口描述不同的数据类型。   简单介绍：   Collection接口是最基本的接口，它定义了List和Set，List又定义了LinkLi
  • 旗正4.0页面跳转传值问题 何必如此 javajsp
    跳转和成功提示 a)        成功字段非空forward 成功字段非空forward，不会弹出成功字段，为jsp转发，页面能超链接传值,传输变量时需要拼接。接拼接方式list.jsp?test="+strweightUnit+"或list.jsp?test="+weightUnit+&qu
  • 全网唯一:移动互联网服务器端开发课程 cocos2d-x小菜 web开发移动开发移动端开发移动互联程序员
        移动互联网时代来了！     App市场爆发式增长为Web开发程序员带来新一轮机遇，近两年新增创业者，几乎全部选择了移动互联网项目！传统互联网企业中超过98%的门户网站已经或者正在从单一的网站入口转向PC、手机、Pad、智能电视等多端全平台兼容体系。据统计，AppStore中超过85%的App项目都选择了PHP作为后端程
  • Log4J通用配置|注意问题 笔记 7454103 DAOapachetomcatlog4jWeb
    关于日志的等级 那些去 百度就知道了！ 这几天 要搭个新框架  配置了 日志 记下来 ！做个备忘！ #这里定义能显示到的最低级别,若定义到INFO级别,则看不到DEBUG级别的信息了~! log4j.rootLogger=INFO,allLog # DAO层 log记录到dao.log 控制台 和 总日志文件 log4j.logger.DAO=INFO,dao,C
  • SQLServer TCP/IP 连接失败问题 ---SQL Server Configuration Manager darkranger sqlcwindowsSQL ServerXP
    当你安装完之后,连接数据库的时候可能会发现你的TCP/IP 没有启动.. 发现需要启动客户端协议 : TCP/IP  需要打开 SQL Server Configuration Manager... 却发现无法打开 SQL Server Configuration Manager..?? 解决方法:  C:\WINDOWS\system32目录搜索framedyn.
  • [置顶] 做有中国特色的程序员 aijuans 程序员
    从出版业说起 网络作品排到靠前的，都不会太难看，一般人不爱看某部作品也是因为不喜欢这个类型，而此人也不会全不喜欢这些网络作品。究其原因，是因为网络作品都是让人先白看的，看的好了才出了头。而纸质作品就不一定了，排行榜靠前的，有好作品，也有垃圾。 许多大牛都是写了博客，后来出了书。这些书也都不次，可能有人让为不好，是因为技术书不像小说，小说在读故事，技术书是在学知识或温习知识，有些技术书读得可
  • document.domain 跨域问题 avords document
    document.domain用来得到当前网页的域名。比如在地址栏里输入：javascript:alert(document.domain); //www.315ta.com我们也可以给document.domain属性赋值，不过是有限制的，你只能赋成当前的域名或者基础域名。比如：javascript:alert(document.domain = "315ta.com");
  • 关于管理软件的一些思考 houxinyou 管理
    工作好多看年了,一直在做管理软件,不知道是我最开始做的时候产生了一些惯性的思维,还是现在接触的管理软件水平有所下降.换过好多年公司,越来越感觉现在的管理软件做的越来越乱. 在我看来,管理软件不论是以前的结构化编程,还是现在的面向对象编程,不管是CS模式,还是BS模式.模块的划分是很重要的.当然,模块的划分有很多种方式.我只是以我自己的划分方式来说一下. 做为管理软件,就像现在讲究MVC这
  • NoSQL数据库之Redis数据库管理(String类型和hash类型) bijian1013 redis数据库NoSQL
    一.Redis的数据类型 1.String类型及操作         String是最简单的类型，一个key对应一个value，string类型是二进制安全的。Redis的string可以包含任何数据，比如jpg图片或者序列化的对象。         Set方法：设置key对应的值为string类型的value
  • Tomcat 一些技巧 征客丶 javatomcatdos
    以下操作都是在windows 环境下 一、Tomcat 启动时配置 JAVA_HOME 在 tomcat 安装目录，bin 文件夹下的 catalina.bat 或 setclasspath.bat 中添加 set JAVA_HOME=JAVA 安装目录 set JRE_HOME=JAVA 安装目录/jre 即可； 二、查看Tomcat 版本 在 tomcat 安装目
  • 【Spark七十二】Spark的日志配置 bit1129 spark
    在测试Spark Streaming时，大量的日志显示到控制台，影响了Spark Streaming程序代码的输出结果的查看(代码中通过println将输出打印到控制台上)，可以通过修改Spark的日志配置的方式，不让Spark Streaming把它的日志显示在console   在Spark的conf目录下，把log4j.properties.template修改为log4j.p
  • Haskell版冒泡排序 bookjovi 冒泡排序haskell
    面试的时候问的比较多的算法题要么是binary search，要么是冒泡排序，真的不想用写C写冒泡排序了，贴上个Haskell版的，思维简单，代码简单，下次谁要是再要我用C写冒泡排序，直接上个haskell版的，让他自己去理解吧。     sort [] = [] sort [x] = [x] sort (x:x1:xs) | x>x1 = x1:so
  • java 路径 配置文件读取 bro_feng java
    这几天做一个项目，关于路径做如下笔记，有需要供参考。 取工程内的文件，一般都要用相对路径，这个自然不用多说。 在src统计目录建配置文件目录res,在res中放入配置文件。 读取文件使用方式： 1. MyTest.class.getResourceAsStream("/res/xx.properties") 2. properties.load(MyTest.
  • 读《研磨设计模式》-代码笔记-简单工厂模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 个人理解：简单工厂模式就是IOC; * 客户端要用到某一对象，本来是由客户创建的，现在改成由工厂创建，客户直接取就好了 */ interface IProduct {
  • SVN与JIRA的关联 chenyu19891124 SVN
    SVN与JIRA的关联一直都没能装成功，今天凝聚心思花了一天时间整合好了。下面是自己整理的步骤： 一、搭建好SVN环境，尤其是要把SVN的服务注册成系统服务 二、装好JIRA，自己用是jira-4.3.4破解版 三、下载SVN与JIRA的插件并解压，然后拷贝插件包下lib包里的三个jar，放到Atlassian\JIRA 4.3.4\atlassian-jira\WEB-INF\lib下，再
  • JWFDv0.96 最新设计思路 comsci 数据结构算法工作企业应用公告
                       随着工作流技术的发展，工作流产品的应用范围也不断的在扩展，开始进入了像金融行业(我已经看到国有四大商业银行的工作流产品招标公告了)，实时生产控制和其它比较重要的工程领域，而
  • vi 保存复制内容格式粘贴 daizj vi粘贴复制保存原格式不变形
        vi是linux中非常好用的文本编辑工具，功能强大无比，但对于复制带有缩进格式的内容时，粘贴的时候内容错位很严重，不会按照复制时的格式排版，vi能不能在粘贴时，按复制进的格式进行粘贴呢？ 答案是肯定的，vi有一个很强大的命令可以实现此功能 。     在命令模式输入:set paste，则进入paste模式，这样再进行粘贴时
  • shell脚本运行时报错误：/bin/bash^M: bad interpreter 的解决办法 dongwei_6688 shell脚本
    出现原因：windows上写的脚本，直接拷贝到linux系统上运行由于格式不兼容导致 解决办法： 1. 比如文件名为myshell.sh，vim myshell.sh 2. 执行vim中的命令 : set ff?查看文件格式，如果显示fileformat=dos，证明文件格式有问题 3. 执行vim中的命令 :set fileformat=unix 将文件格式改过来就可以了，然后:w
  • 高一上学期难记忆单词 dcj3sjt126com wordenglish
    honest 诚实的；正直的 argue 争论 classical 古典的 hammer 锤子 share  分享；共有 sorrow 悲哀；悲痛 adventure 冒险 error 错误；差错 closet 壁橱；储藏室 pronounce 发音；宣告 repeat 重做；重复 majority 大多数；大半   native 本国的，本地的，本国
  • hibernate查询返回DTO对象，DTO封装了多个pojo对象的属性 frankco POJOhibernate查询DTO
          DTO-数据传输对象；pojo-最纯粹的java对象与数据库中的表一一对应。       简单讲：DTO起到业务数据的传递作用，pojo则与持久层数据库打交道。         有时候我们需要查询返回DTO对象，因为DTO
  • Partition List hcx2013 partition
    Given a linked list and a value x, partition it such that all nodes less than x come before nodes greater than or equal to x. You should preserve the original relative order of th
  • Spring MVC测试框架详解——客户端测试 jinnianshilongnian
    上一篇《Spring MVC测试框架详解——服务端测试》已经介绍了服务端测试，接下来再看看如果测试Rest客户端，对于客户端测试以前经常使用的方法是启动一个内嵌的jetty/tomcat容器，然后发送真实的请求到相应的控制器；这种方式的缺点就是速度慢；自Spring 3.2开始提供了对RestTemplate的模拟服务器测试方式，也就是说使用RestTemplate测试时无须启动服务器，而是模拟一
  • 关于推荐个人观点 liyonghui160com 推荐系统关于推荐个人观点
        回想起来，我也做推荐了3年多了，最近公司做了调整招聘了很多算法工程师，以为需要多么高大上的算法才能搭建起来的，从实践中走过来，我只想说【不是这样的】     第一次接触推荐系统是在四年前入职的时候，那时候，机器学习和大数据都是没有的概念，什么大数据处理开源软件根本不存在，我们用多台计算机web程序记录用户行为，用.net的w
  • 不间断旋转的动画 pangyulei 动画
    CABasicAnimation* rotationAnimation; rotationAnimation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"]; rotationAnimation.toValue = [NSNumber numberWithFloat: M
  • 自定义annotation sha1064616837 javaenumannotationreflect
    对象有的属性在页面上可编辑，有的属性在页面只可读，以前都是我们在页面上写死的，时间一久有时候会混乱，此处通过自定义annotation在类属性中定义。越来越发现Java的Annotation真心很强大，可以帮我们省去很多代码，让代码看上去简洁。 下面这个例子 主要用到了 1.自定义annotation：@interface，以及几个配合着自定义注解使用的几个注解 2.简单的反射 3.枚举
  • Spring 源码 up2pu spring
    1.Spring源代码 https://github.com/SpringSource/spring-framework/branches/3.2.x 注：兼容svn检出 2.运行脚本 import-into-eclipse.bat 注：需要设置JAVA_HOME为jdk 1.7 build.gradle compileJava { sourceCompatibilit
  • 利用word分词来计算文本相似度 yangshangchuan wordword分词文本相似度余弦相似度简单共有词
    word分词提供了多种文本相似度计算方式： 方式一：余弦相似度，通过计算两个向量的夹角余弦值来评估他们的相似度 实现类：org.apdplat.word.analysis.CosineTextSimilarity 用法如下： String text1 = "我爱购物"; String text2 = "我爱读书"; String text3 =
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他