淡淡一杯茶
淡淡一杯茶

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,菜单,制作,休闲,弹出式)

  • 使用PyQT5开发桌面应用--QSS的UI美化 zorro_z pythonqtuipython
    QSS（QtStyleSheets）即Qt样式表，是用来定义控件外观的一种机制。QSS大量参考了CSS的内容，和CSS的使用相类似，但功能要比CSS弱的多。主要体现为选择器少，可用的属性也少，并且不是所有的属性都可以应用在PyQt的控件上。但是QSS可以使页面和美化代码分开，利用维护，也给我们提供了页面美化的方案。QSS的语法规则QSS的语法规则几乎与CSS相同，如果对CSS比较了解的话，那么QS
  • React 学习计划 夜游猿 Reactreact.js学习前端
    React学习计划前置知识目标熟练掌握HTML、CSS和JavaScript的基础知识。了解ES6+的新特性。学习内容HTML:标签属性表单布局CSS:选择器盒模型布局（Flexbox,Grid）响应式设计JavaScript:变量数据类型控制结构函数对象数组DOM操作ES6+:箭头函数模板字符串解构赋值类模块化资源MDNWeb文档《你不知道的JavaScript》（上卷）React基础目标能够创
  • ReactNative进阶（四十四）：Mobile App 适配性优化_react native 适配
    在ReactNative中尺寸是没有单位的，它代表了设备独立像素。尺寸上述代码，运行在Android上时，View的长和宽被解释成：100dp100dp单位是dp，字体被解释成16sp单位是sp，运行在iOS上时尺寸单位被解释称了pt，这些单位确保了布局在任何不同dpi的手机屏幕上显示不会发生改变；值得一提的是，ReactNative中的FlexBox和WebCSS上FlexBox工作方式是一样的
  • 数据结构大项目 2301_147258369 数据结构
    项目：基于链表的通信录管理意义：对于一个通信录来说，要管理联系人的信息，包括编号，姓名，性别，电话。开发其系统主要为了帮助用户提高通讯录有管理效率，节约资源，提高信息的精确度模块：一级菜单内容1>注册模块:完成用户信息的注册用于登录管理系统，将注册信息存入结构体数组2>登录模块：使用输入的登录账号和密码与结构体数组存储信息对比3>退出系统二级菜单内容:1>创建模块create：创建链表完成对通信录
  • jQuery CSS 类
    jQueryCSS类引言jQuery是一个快速、小型且功能丰富的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画和Ajax操作。在jQuery中，CSS类的使用是处理样式和美化网页的关键组成部分。本文将深入探讨jQueryCSS类的使用方法，包括如何添加、移除、切换和检查CSS类，以及如何通过CSS类实现动态样式变化。jQueryCSS类的基本概念CSS类是HTML元素的一个
  • Python 开发安卓Android及IOS应用库Kivy安装尝试 dingcb168 WIFI开关KIVY
    yeayee------>更多技巧------>更多源码------>www.yeayee.com转载：https://www.cnblogs.com/yeayee/p/5420858.htmlPython开发安卓Android及IOS应用库Kivy安装尝试Python开发安卓Android及IOS应用库Kivy安装尝试：先来看看这货可以用来制作什么应用：CreateapackageforWind
  • Python自动化办公:读取Excel数据并批量生成合同，高效办公，快速回家 蚂蚁爱Python Python基础知识Python实战项目python自动化开发语言
    前言在我们的工作中，面临着大量的重复性工作，通过人工方式处理往往耗时耗力易出错。而Python在自动化办公方面具有极大的优势，可以解决我们工作中遇到的很多重复性问题，分分钟搞定办公需求。快速下班回家陪老婆…一、背景在我们经济交往中，有时会涉及到销售合同的批量制作。比如我们需要根据如下合同数据（Excel），进行批量生成销售合同（Word）。二、准备我们首先要准备好一份合同模板（Word），将需要替
  • 2025年IP变现王炸组合：DeepSeek+创匠AI如何助普通人月入10万 创客匠人老蒋 人工智能网络创客匠人创始人IP打造deepseekAI热点
    在短视频与知识变现赛道，创客匠人推出的“DeepSeek+创匠AI”组合正成为创始人IP打造的核武器。这套工具通过“热点挖掘-文案生成-数字人出镜”的全链路提效，让普通人无需写文案、不出镜即可实现月入10万的变现目标，彻底重构IP运营的成本与效率逻辑。传统IP打造面临“内容枯竭、产能低下”的痛点：熬夜写脚本、3小时制作的视频仅200播放，而头部玩家已通过DeepSeek+创匠AI实现“5分钟扒热点
  • Python class：定义类 Itmastergo python开发语言
    类仅仅充当图纸的作用，本身并不能直接拿来用，而只有根据图纸造出的实际物品（对象）才能直接使用。因此，Python程序中类的使用顺序是这样的：1、创建（定义）类，也就是制作图纸的过程；2、创建类的实例对象（根据图纸造出实际的物品），通过实例对象实现特定的功能。这里先教大家如何创建（定义）一个类，如何使用定义好的类将放到以后进行讲解。Python类的定义Python中定义一个类使用class关键字实现
  • 使用Python制作电脑无限弹窗恶搞程序教程 kkkliaoo python开发语言安全
    效果如下：演示视频：python弹窗恶搞程序演示视频教程：1，导入模块，下载模块的方法不过多说明了，可以看我其他的文章有说怎么下载第三方模块，或者Alt+Enter下载也可。#弹窗恶搞importtkinterastkimportrandomimportthreadingimporttime2，复制如下代码，运行即可defdow():window=tk.Tk()width=window.winfo
  • 打造一个可维护、可复用的前端权限控制方案（含完整Demo） web
    摘要在现代Web应用中，权限控制已经不再是“后端的事”。随着前后端分离、单页应用（SPA）流行，前端权限控制逐渐成为用户体验和系统安全的双重关键。如果只靠后端控制，前端体验太差；如果只靠前端控制，那就等于裸奔。怎么权衡？怎么落地？这就是本文要探讨的重点。引言你是否遇到过：不同用户登录后看到的菜单不同、某些按钮灰了点不了、访问一些页面会自动跳转403页面？这都来自于“前端权限控制”的精细化设计。现在
  • cocos2d pod_Cocos2D-X权威指南(第2版)[按需印刷] weixin_39685697 cocos2dpod
    第一部分基础篇本部分内容第1章认识Cocos2D-X第2章搭建跨平台的开发环境第3章Cocos2D-X中的核心类第4章Cocos2D-X中的图片渲染类第5章Cocos2D-X中的动作、特效与动画第6章Cocos2D-X中的菜单项和文本渲染系统第7章Cocos2D-X中的事件处理机制和UI控件第8章Cocos2D-X中的瓦片地图集第9章Cocos2D-X中的声音、存储和网络第10章Cocos2D-X
  • 了解YashanDB的索引机制，提升查询效率 数据库
    在现代数据库系统中，数据的高效查询是一个普遍面临的挑战。查询速度过慢直接影响了应用程序性能和用户体验。尤其在数据量激增的情况下，未能及时优化查询策略，将导致系统性能逐渐下降。索引机制作为关系型数据库查询优化的基石，显著提升了数据检索速度、减少了I/O开销。本文将深入探讨YashanDB的索引机制，帮助用户更好地理解和利用这一关键技术以提升数据查询效率。YashanDB的索引机制概述YashanDB
  • 深度剖析 LNK 参数隐藏攻击 (ZDI-CAN-25373)
    1、漏洞描述ZDI-CAN-25373是一个Windows快捷方式文件（.LNK）漏洞，它允许攻击者通过精心制作的恶意快捷方式文件来执行隐藏的恶意命令。攻击者通过在.LNK文件的COMMAND_LINE_ARGUMENTS结构中填充大量空白字符（如空格、水平制表符、换行符等）来隐藏恶意命令。这些填充字符使得恶意负载在WindowsUI中不可见，从而规避了检测。2.LNK文件格式结构详解Window
  • 安卓高版本HTTPS抓包：终极解决方案 泡泡以安 爬虫技术#安卓逆向爬虫安卓逆向安卓抓包https
    尽管市场上存在众多抓包工具，但针对Android高版本设备进行HTTPS协议的数据包捕获时，通常需要将该工具的根证书安装至系统的特定目录中。本文将以Charles为例，介绍如何在Android系统中正确安装其根证书以实现HTTPS流量的拦截。一、修改证书名称首先启动Charles软件，通过访问菜单栏中的“Help”→“SSLProxying”→“SaveCharlesRootCertificate
  • 前端--深入理解HTTP协议 菜鸡想成为大佬 前端前端http网络协议
    HTTP协议简介HTTP（HyperTextTransferProtocol，超文本传输协议）是一个应用层协议，用于在客户端（通常是浏览器）和服务器之间传输超文本数据（如HTML、CSS、JavaScript等）。它是万维网（WorldWideWeb）的核心协议，通过HTTP，用户能够在浏览器中访问网站。HTTP的特点无状态：HTTP协议是无状态协议，即服务器不会自动保存每次请求之间的上下文信息。
  • html5 原生 弹窗,HTML5 Popmotion.js实现的弹窗控件 weixin_39564527 html5原生弹窗
    JavaScript语言：JaveScriptBabelCoffeeScript确定const{css,transform,chain,delay,tween,easing,parallel}=window.popmotion;const{interpolate}=transform;lettrigger;letisClosing=false;//SelectDOMconstmodalTrigge
  • Python爬虫网安-beautiful soup+示例
    目录beautifulsoup:解析器：节点选择器：嵌套选择：关联选择：子节点：子孙节点：父节点：祖先节点：兄弟节点：上一个兄弟节点：下一个兄弟节点：后面所有的兄弟节点：前面所有的兄弟节点：方法选择器：CSS选择器：beautifulsoup:bs4用于解析htmlandxml文档解析器：html.parser、lxml解析器和XML的内置解析器文档遍历：跟xpath差不多，也是整理成树形结构搜索
  • 【Python爬虫实战】全面抓取网页资源（图片、JS、CSS等）——超详细教程与源码解析 Python爬虫项目 python爬虫javascript新浪微博开发语言css旅游
    前言在互联网时代，网页数据已经成为重要的信息来源。许多时候，我们不仅需要抓取网页中的文字信息，还需要将网页中的各种资源文件（如图片、CSS样式表、JavaScript脚本文件等）一起抓取并保存下来。这种需求广泛应用于网页备份、离线浏览、数据分析等场景。本篇文章将带你从零开始，系统讲解如何使用Python最新技术，一步步实现抓取网页中所有静态资源的完整流程，包括：页面结构分析爬虫基本架构搭建异步爬取
  • 50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | ThemeClock（主题时钟） sunbyte TailiwindCSS实战指南vue.js前端javascripttailwindcsscss前端框架
    我们继续50个小项目挑战！——ThemeClock组件仓库地址：https://github.com/SunACong/50-vue-projects项目预览地址：https://50-vue-projects.vercel.app/使用Vue3的CompositionAPI和语法结合TailwindCSS构建一个能够动态切换主题（深色与浅色）的时钟组件。该组件不仅显示当前时间（包括小时、分钟和秒
  • 从数据抓取到智能分类：用 LangChain + 爬虫构建自动化工作流的实战笔记 大模型之路 大模型（LLM）人工智能langchain
    一、从人工到自动化的迫切需求在数字化时代，信息的快速获取与处理成为个人和组织高效运转的关键。然而，许多重复性强、耗时长且缺乏创造性的任务，如定期收集和整理网络信息并制作成特定格式的内容，依然占据着人们大量的时间和精力。本文作者就面临这样的困境：每两周需花费数小时访问多个大学网站，提取活动信息，手动将其整理成繁琐的HTML表格，并确保在Outlook中格式正确无误。这一过程不仅涉及大量枯燥的重复劳动
  • Java代码实现Excel表格导入 IT莫染 FunctionModuleSpringBootDemojava教程面试题等exceljavapoi
    Java代码实现Excel表格导入/***Excel解析成员工数据集合**@paramfile*@paramallNations*@paramallPoliticsstatus*@paramallDepartments*@paramallPositions*@paramallJobLevels*@return*/publicstaticListexcel2Employee(MultipartFil
  • CSS3 常见选择器（属性、伪类、伪元素、组合）面试详解 1加1等于 javascript实战javascript前端css3
    本文详细介绍了日常中常用的几种选择器，包括属性选择器、伪类选择器、伪元素选择器、组合选择器等等本文目录1.属性选择器2.伪类选择器3.伪元素选择器4.组合选择器1.属性选择器属性选择器允许根据元素的属性及其值来选择元素。常见的属性选择器有以下几种形式：[attribute]：选择具有指定属性的元素。[attribute=value]：选择属性值精确等于指定值的元素。[attribute^=valu
  • 基于nodejs+vue.js服装商店电子商务管理系统
    如果你是一个小白,你不懂得像javaPHP、Python等编程语言，那么Node.js是一个非常好的选择。采用vscode软件开发,配套软件安装.包安装调试部署成功,有视频讲解前端:html+vue+elementui+jQuery、js、css数据库：mysql,Navicatvue框架于Node运行环境的Web框架,随着互联网技术的飞速发展，世界逐渐成了一个地球村，空间的距离也不再是那么重要。
  • 第十一节：Vben Admin 最新 v5.0 (vben5) + Python Flask 快速入门 - 角色菜单授权 锅锅来了 Vbenvben5VbenAdminpython3后台管理框架
    Vben5系列文章目录基础篇✅第一节：VbenAdmin最新v5.0(vben5)+PythonFlask快速入门✅第二节：VbenAdmin最新v5.0(vben5)+PythonFlask快速入门-PythonFlask后端开发详解(附源码)✅第三节：VbenAdmin最新v5.0(vben5)+PythonFlask快速入门-对接后端登录接口(上)✅第四节：VbenAdmin最新v5.0(v
  • 抓大鹅教程电脑端秒通关…… 小黄编程快乐屋 其他
    大家好，我是小黄。最近抓大鹅小程序游戏很火，抓大鹅小游戏是由青岛蓝飞互娱科技股份有限公司开发并推出的一款休闲益智类三消游戏。在游戏中，玩家需要在特定的“购物篮子”背景下，找到三个相同的物品并将其消除。游戏的玩法简单有趣，因此风靡网络。玩法跟之前的羊了个羊类似。最近小黄也试着玩了一下，发现小黄实力有点差，不是在看广告就是在看广告的路上。越消除越觉得气人。所以，小黄给他上点科技，在进行科技之前我们需要
  • css实现优惠券效果 全
    效果如下：样式一：样式一左半圆效果左右半圆效果左内圆四角收缩六角收缩凹边中排圆点两边凹陷.coupon1{width:240px;height:100px;margin-top:15px;background-color:#f56c6c;-webkit-mask:radial-gradient(circleatleftcenter,transparent20px,red20px);}.coupon
  • 一份来自前端开发工程师的规范简历 追影的React开发者 前端javascriptphotoshop
    个人资料姓名：嘻嘻性别：女电话：12132323613邮箱：[email protected]现居地：上海市工作年限：3年求职意向期望职位：前端开发工程师期望薪资：面议工作性质：全职到岗时间：离职,一周内入职专业技能精通DIV+CSS页面布局，重构,掌握JavaScript，熟悉w3c标准，了解HTML语义化有一定的了解。熟练运用浏览器兼容技术，熟练进行前端性能优化设计。熟练掌握HTML5技术
  • 手机黑屏摄像app_手机黑屏拍照软件下载-黑屏拍照app安卓版1.3免费版下载_骑士下载... 草莓味儿柠檬 手机黑屏摄像app
    黑屏拍照app安卓版是一款超级强大的手机拍照软件，在这里可以在手机息屏的情况下拍照，并且在后期处理上也非常的方便，这里软件能够从不同的角度为大家提供帮助，同时操作还特别的简单，在功能上也是非常齐全的，喜欢的朋友赶紧下载吧。软件介绍黑屏拍照app作用尤其强劲的智能视频软件制作。手机上隐秘死机拍摄软件app有着多种多样十分普遍的视频编写作用，应用手机上隐秘死机拍摄软件app只需十多分钟就能迅速进行视频
  • AJAX 安装使用教程 小奇JAVA面试 安装使用教程ajax前端javascript
    一、AJAX简介AJAX（AsynchronousJavaScriptandXML）是一种在无需重新加载整个网页的情况下，能够与服务器交换数据并更新部分网页内容的技术。它不是一种新语言，而是使用现有的标准组合：JavaScript+XMLHttpRequest（或Fetch）+HTML+CSS。二、AJAX是否需要安装？不需要单独安装！AJAX是浏览器原生支持的技术，主流浏览器均内置XMLHttp
  • 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其他