一个js模拟下拉框效果

<!DOCTYPE">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script src="javascrpt/elect2.js" type="text/javascript"></script>

<style>

* { padding:0px; margin:0px; }

#tele_name0,

#tele_name1 { border:1px solid #ccc; -webkit-border-radius:5px; -moz-border-radius:5px; box-shadow:2px 2px 5px #ccc; height:24px; line-height:24px; width:150px; margin:30px auto; padding:3px 8px; float:left; }

#tele_name0 h1,

#tele_name1 h1 { font-weight:normal; font-size:14px; line-height:24px; height:24px; padding:0px; margin:0px; }

#tele_name0 ul,

#tele_name1 ul { border:1px solid #ccc; margin-top:8px; border-bottom:none; }

#tele_name0 ul li,

#tele_name1 ul li { list-style:none; cursor:pointer; line-height:24px; border-bottom:1px solid #ccc; padding:0px 5px; }

.bg_color { background:#66CCCC; }

</style>

</head>

<body>

<div id="tele_name0" onMouseOver="elec('tele_name0')" >

  <h1>请选择品牌</h1>

  <ul class="xiala" style="display:none; background:#ccc;">

    <li id="heimei" class="logo_a0">sumsun</li>

    <li id="xiaxin"class="logo_a1">HTC</li>

    <li id="pingguo"class="logo_a2">NOKIA</li>

  </ul>

</div>



<div id="tele_name1" onMouseOver="elec('tele_name1');">

  <h1>请选择型号</h1>

  

</div>

</body>

</html>

　下面是外部的js代码：

var arrText2=[];//定义数组；

var this_classname;

function elec(namei){

	if(!document.getElementById("tele_name1")) return false;

	if(!document.getElementById("tele_name0")) return false;

	var div_box=document.getElementById(namei);//获取id

	var this_id=document.getElementById("tele_name1");

	var div2_h1=this_id.getElementsByTagName("h1")[0];

	var box_h1=div_box.getElementsByTagName("h1");

	var box_ul=div_box.getElementsByTagName("ul");

	var box_li=div_box.getElementsByTagName("li");

	var html_ele=document.getElementsByTagName("html")[0];//获取html;

	html_ele.onclick=function(){

		box_ul[0].style.display="none";

		}	//单击任何地方，下拉框隐藏；

	box_h1[0].onclick=function(event){

		if(!this_id.getElementsByTagName("ul"))return false;

		if(!event){event=window.event;}

			event.cancelBubble=true;//阻止冒泡事件，费了半天劲呢！

			box_ul[0].style.display=(box_ul[0].style.display=="none") ? "block":"none";//单击h1如果下拉框显示则隐藏，如果隐藏则显示;

		}

	for(var i=0; i<box_li.length;i++){

		box_li[i].onmouseover=function(){

			this.className="bg_color";

		}

		box_li[i].onmouseout=function(){

			this.className=" ";

		}//鼠标移到li上变色；

		box_li[i].onclick=function(){

			box_h1[0].lastChild.nodeValue=this.lastChild.nodeValue;//单击li; h1获取当前li的文本内容；

			div2_h1.lastChild.nodeValue="请选择型号";//第二个下拉框h1变成默认的请选择型号；

			if(namei=="tele_name1"){

				div2_h1.lastChild.nodeValue=this.lastChild.nodeValue;//如果是在第二下拉框里进行单击则获取当前的文本内容；

			}

			var getId=this.getAttribute("id");//获取当前被点击的li的id;

			if(getId=="heimei"){

			var arrText=["A3500","btwee","C234","dsese"];

			var ul_classname="heimei"

			arrText2=arrText.valueOf();

			this_classname=ul_classname;

				newadd();

			}//如果当前li的ID=heimei则显示黑莓的型号；

			else if(getId=="xiaxin"){

				var arrText=["B123","B456","B789","B902"];

				var ul_classname="xiaxin"

				arrText2=arrText.valueOf();

				this_classname=ul_classname;

				newadd();

			}//如果当前li的ID=xiaxin则显示xiaxin的型号；

			else if(getId=="pingguo"){

				var arrText=["IPAD","apple001","apple02","apple004","apple05"];

				var ul_classname="pingguo"

				arrText2=arrText.valueOf();

				this_classname=ul_classname;

				newadd();

			}//如果当前li的ID=pingguo则显示pingguo的型号；

			

			box_ul[0].style.display="none";

		}

	}

}



function newadd(){

	var div_box=document.getElementById("tele_name0");//查找第一个div

	var this_id=document.getElementById("tele_name1");//查找第二个div

	var box_li=div_box.getElementsByTagName("li");//查找第一个div里的li;

	var newul=document.createElement("ul");//创建ul;

	newul.setAttribute("style","display:none");

	newul.setAttribute("class","this_classname");//为ul设置属性；

	var oFramnet=document.createDocumentFragment();//创建片段，确保加载更快；

			var div_ul=this_id.getElementsByTagName("ul");

			 for(var i=0;i<div_ul.length;i++){

				 if(div_ul[i].getAttribute("class")!=this_classname){

					 this_id.removeChild(div_ul[i]);

				 }

			 }//判断当前的ul是不是需要的，如果不是删除ul节点；

			for(var i=0;i<arrText2.length;i++){

				var newli=document.createElement("li");

				var newtext=document.createTextNode(arrText2[i]);

				newli.appendChild(newtext);

				newul.appendChild(newli);

				oFramnet.appendChild(newul);

			}

			this_id.appendChild(oFramnet);//创建

			//alert("tt");

	

}

　　，请多指教，因为下拉框的三角下拉箭头不能用css定义所以就自己写了一个，点击前面的选项后面的下拉框里的内容要跟这改变。

　

你可能感兴趣的:(下拉框)

  • opengrok_使用技巧 renhl252 opengrokwindows
    Searchhttps://xrefandroid.com/android-15.0.0_r1/选择搜索的目录（工程）手动在下拉框中选择，或者使用下面三个快捷按钮进行选择或者取消选择。输入搜索的条件搜索域说明域fullSearchthroughalltexttokens(words,strings,identifiers,numbers)inindex.defsOnlyfindssymboldef
  • VUE3-修改element-plus-el-select的下拉框样式 Anastasia289 vue.jsjavascript前端vue
    样式如图：参考博客链接：修改el-select和el-input样式；修改element-plus的下拉框el-select样式；修改placeholder样式_elementplusel-select样式修改-CSDN博客.el-select{--el-select-border-color-hover:rgb(0,162,255)!important;//修改下拉框hover的默认样式}.el
  • 《进阶篇第9章》学习vuex知识点后练习：把求和案例改成getters
    @[toc]效果展示：注意点1：问题：如何实现“当前和为奇数再加”？答案：incrementOdd(){if(this.sum%2){this.sum+=this.n}}注意点2:问题：select下拉框默认为1时，点击加号没问题，但是下拉框选中为2时，n值变成字符串了，不应该是数字类型名吗？旧代码：无论设置value="1"还是value=1都无效当前求和为：{{sum}}123答案：因为没设置
  • 《进阶篇第9章》学习vuex知识点后练习：把求和案例改成vuex版代码
    @[toc]效果展示：注意点1：问题：如何实现“当前和为奇数再加”？答案：incrementOdd(){if(this.sum%2){this.sum+=this.n}}注意点2:问题：select下拉框默认为1时，点击加号没问题，但是下拉框选中为2时，n值变成字符串了，不应该是数字类型名吗？旧代码：无论设置value="1"还是value=1都无效当前求和为：{{sum}}123答案：因为没设置
  • 利用Axure的动态面板和中继器完成下拉框选择功能 Dannyoung 学习之路Axure动态面板中继器
    这是在练习Axure时找到的一个案例，自己根据博主的说明一步步操作后发现不能实现对应的效果，幸好博主提供了源文件，通过对源文件的拆解，最终实现了下拉框选项的功能。这里采用的Axure版本这里就在博主提供的基础上进行说明。新建Axure文件后，第一步是新增一个动态面板，设置一下样式，主要是设置控件的大小和显示方式，为了更好地操作，自动调整为内容尺寸前面的勾可以在完成所有功能以后去勾选上。第二步，在前
  • treeselect只选了分支节点全选_vue Treeselect 树形下拉框:获取选中节点的ids和lables操作... weixin_39637285
    API:https://vue-treeselect.js.org/#events1.ids:即value1.lable:需要用到方法：@select(node,instanceId)和@deselect(node,instanceId)v-model="DRHA_EFaultModeTree_value":multiple="true":options="DRHA_EFaultModeTree_
  • qt 表格中插入一行_Qt在表格中加入控件 唉唉唉哒 qt表格中插入一行
    任务：使用QTableWidget动态生成表格，在每行的某两列中加入QComboBox下拉框控件和QPushButton按钮控件有添加，删除，编辑功能，每行的按钮可以浏览文件夹并选择文件1、新建一个对话框QDialog，设计界面中选择Item-Widgets里的TableWidget，添加该控件，命名为tableWidget_userlist2、在Dialog的构造函数中初始化表格的一些参数//初
  • 项目中使用 localStorage 获取数据缓存 渡鸦七 VueJavaScript缓存
    项目中使用localStorage获取数据缓存需求背景在项目中，我们经常需要存储一些数据，比如不经常变动的字典项，下拉框中的数据等。这些数据可以缓存到localStorage中，这样可以提高应用的响应速度，减少网络请求。实现方案为了实现localStorage的管理，我们可以定义一个Storage类，提供以下功能：1.类定义classStorage定义了一个名为Storage的类。2.getSto
  • el-table行编辑 dy1717 elementuivue.jselementuijavascript
    需求：单点行编辑并且请求接口更新数据，表格中某几个字段是下拉框取值的，剩下的是文本域；展示的时候需要区分下拉框编码还是中文故障模式这个展示的是fault_mode编码,但要显示的文字fault_mode_chn这点需要注意|-->tabClick(row,column,cell,event){if(this.viewColumns.some((ele)=>ele.label==column.lab
  • RK3566/RK3568 Android 11 动态显示/隐藏下拉框 安卓framework定制 RK3566/RK3568Android11系统开发android
    概述在系统服务中增加显示/隐藏状态栏方法，在上层app动态调用显示/隐藏下拉框方法，设备关机和重启后也能继续生效。创建全局变量1.定义全局变量在frameworks/base/core/java/android/provider/Settings.java中添加/***Disabledrop-downbox*@hide*/publicstaticfinalStringSYSTEM_HIDE_DRO
  • 在AntDesignPro中的ProFormSelect组件中加入滚动加载及模糊搜索 小童不学前端 AntDesignPro前端javascript开发语言
    ProComponents组件使用ProFormSelect组件文章目录ProComponents组件使用前言一、下拉框组件二、使用步骤页面渲染数据请求总结前言最近在学习使用AntDesignPro，在这里将遇到的问题罗列出来，方便后续学习，同样，如果你最近也在使用，希望能帮到你。一、下拉框组件ProFormSelect支持滚动选择，如果数据过多，查找可能浪费时间，此时，我们可以使用自带的搜索功能
  • 电脑物理地址怎么修改方法 baiseled 主板网卡mac地址电脑网络
    电脑物理地址怎么修改方法非常容易，需要用到一个小工具首先需要下载一个修改软件《物理网卡mac修改器》，工具下载地址：https://download.csdn.net/download/baiseled/896332921.点击软件下拉框选中网卡序号2.当前网卡mac物理地址就会显示到上面文本框里3.电脑物理地址修改成需要的MAC数值4.点击立即修改5.重启电脑生效其他：可以点击随机按钮，会自动更
  • WPF之SelectedValue与SelectedValuePath weixin_30538029
    在下拉框ComboBox中，有SelectedValue跟SelectedValuePath这两个属性，我总是搞混，现在写一篇文章来梳理下：1.ItemSource:这个不用多说，数据源，是一个对象列表，在MVVM中，我们常用ObservableCollection来定义ItemSource的对象源；2.SelectedItem：这也好说，选中的对象，这里的数据刚上是上者的T；3.DisplayM
  • 五、Selenium操作指南（二） for_everyoung01 测试开发selenium测试工具
    文章目录四、获取页面元素属性（一）get_attribute获取属性（二）获取文本（三）获取其他属性五、页面交互操作（一）输入文本send_keys()（二）点击click()（三）清除文本clear()（四）回车确认submit()（五）单选（六）多选（七）下拉框六、多窗口切换（一）Frame切换（二）选项卡切换四、获取页面元素属性既然我们有很多方式来定位页面的元素，那么接下来就可以考虑获取以下
  • HTML表单 懒洋洋大魔王 HTMLhtml前端javascript
    1.表单组件:文本标签（没作用主要给文本加其他属性）:文本标签（没作用主要给文本加其他属性）:表单标签action提交路径method提交方式（get|post）:按钮标签...:下拉框（下拉列表）selected设置默认值:文本域|多行文本框cols设置宽度rows设置高度:name:设置名字size：设置大小maxlenth：设置最大字符数minlength:设置最小字符数2.type:文本类
  • 对于IDEA中default encoding for properties file和transparent native-to-ascii conversion的理解 不想做实验了 intellij-ideajavaide
    关于defaultencodingforpropertiesfile对于properties文件有两个设置，一个是左边下拉框选encoding字符集，默认的是iso8859-1编码和解码，先不勾选右边的transparentnative-to-ascii-conversion。如果这时选了别的encoding编码集，那么读取的时候解码仍然是按照iso8859-1（只变编码不管解码，很坑！），就肯定
  • Ext选中一条下拉数据实现联动 weixin_54572614 Ext前端
    前言前段时间因业务需要，需要加一项功能，就是选中一条数据，带动别的字段自动赋值，然后就去网上查资料，忘了从哪儿看的了，核心是这一段。原本是文本框赋值，被我改成下拉框赋值。Ext.getcmp("txtAdd”+actionID+"stationName").setValue(Ext.getcmp("cboAddactionID+"stationorder").getSelection().data
  • 数组的交集,并集,差集的操作方法 Emotion# javascript前端
    数组的交集,合集,差集的操作方法这星期开发项目中遇到一个项目开发的问题,假设我们有几种通道,每种通道对应几种行为方案,我们根据通道下面的行为去制定策略业务场景有多个通道的勾选框,然后根据已勾选的通道,动态筛选出对应的下拉框行为.从而一步一步的制定策略行为!假设我们要制定一个策略行为,这个策略行为有五种通道供我们选择,分别为letarr={a:[1,2,3],//通道a,以及a所携带的行为b:[2,
  • element-plus下拉框select-popup在组建中不显示问题 黄安树_ vue.js
    在自定义modal中，使用element-plus的select，第一次总是不显示popup弹窗，查阅相关文档有说是权级问题，修改权级之后，确实可以显示，但是还是会有很多奇奇怪怪的bug！目前总结了两种方法，如下：方法1：使用select自带的apipopper-class，在操作时给popup的权级设置到最大constselectPopperShow=(e)=>{if(e){setTimeout
  • Element-PLUS下拉框、日期组件、下拉菜单定位问题 element-plus下拉框组件定位问题 element-plus日期组件定位问题 头上一片天空 vue.jselement-uielement-plusvuevue.js
    Element-PLUS下拉框、日期组件定位问题element-plus下拉框组件定位问题element-plus日期组件定位问题1、增加全局样式2、使用2.1、下拉框使用2.2、日期组件使用1、增加全局样式.el-popper.is-pure{inset:36pxautoauto0px!important;}2、使用Element-PLUS下拉框、日期、下拉菜单等组件使用的都是Popover，在
  • 【性能优化】Django性能优化笔记 骑鱼的少年 python+Djangodjango性能优化orm
    一、背景在研发过程中，随着数据量暴增，数据查询性能问题变的越来越突出，需要想办法优化查询响应速度。所以本篇文章，就是记录曾经做过的性能优化过程。二、优化场景记录场景一：优化交互逻辑，提高用户体验问题描述：客户通过多选下拉框的模块，查询主机。但是加载下拉框需要2分钟左右，主机展示table也很卡。原因是客户的模块有几千个，主机数据有几万条。而且这些数据都不是本地数据，都是需要调用开放性接口，分页去查
  • Python + Playwright（6）：使用 set_content 方法构建页面及测试 blues_C html前端pythonplaywright
    Python+Playwright（6）：使用set_content方法构建页面及测试概述HTML页面设计思路1.创建HTML页面2.Playwright脚本编写2.1引入Playwright模块2.2定义测试函数3.测试页面元素3.1输入框和密码框3.2文本区域3.3下拉框3.4单选框3.5复选框3.6文件上传3.7多选下拉框3.8按钮4.断言5.运行测试各种控件的测试策略和验证思路输入框（In
  • vue3使用elementui-plus时使用深度选择器穿透影响原样式 lytcreate. VUE3前端elementui前端javascript
    一、原样式：下拉框选择时，右边存在一个下拉的箭头符号，那么在许多场景下我们不需要显示，这个时候就可以通过开发者工具进行定位，选中该元素，可以看到，影响的样式是：.el-iconsvg二、深度穿透修改原样式我们修改原样式，增加display:none即可不显示该符号，此时有两种方案，一种是取消style里面的scoped属性，这样会影响全局样式，导致所有的下拉框都没有这个符号了，这并不是我想要的，所
  • 【基础】学习笔记25-python3 tkinter GUI编程-实操7 Alyna_C
    综合应用界面：代码如下：#综合应用importtkinterastkimporttkinter.ttk#下拉框importtkinter.messagebox#弹出提示框#=============窗口设置=============win=tk.Tk()win.title('考试系统注册')win.geometry('500x300+200+200')#============首行：姓名=====
  • Selenium教程：一文了解Selenium的元素查找 旦莫 #Selenium教程selenium测试工具python
    注：本文内容基于selenium3.141.0Selenium的元素查找指的是使用SeleniumWebDriver库中提供的方法来定位和操作网页上的各种元素，如文本框、按钮、下拉框、链接等。通过元素查找，可以在自动化测试中模拟用户操作，比如输入文本、点击按钮、选择下拉选项等。Selenium提供了多种元素查找的方法，可以根据元素的特征和位置来进行定位。常用的元素查找方法包括：通过ID查找元素通过
  • selenium常见控件实际应用 糖果店的幽灵 seleniumselenium测试工具
    selenium常见控件实际应用搜索框按钮复选框链接select下拉框input下拉框表格框架javaScipt弹窗非javaScript弹窗时间控件文件下载搜索框按钮复选框链接select下拉框input下拉框表格框架javaScipt弹窗非javaScript弹窗时间控件文件下载
  • jquery实现select2插件鼠标点击任意地方时默认选中该输入框内的值 小程小程心想事程 jquery计算机外设前端
    jquery实现select2插件鼠标点击任意地方时默认选中该输入框内的值最近发现一个问题，插件select2中的select2可输入可选择的下拉框，在你输入值后鼠标点击别的地方，输入框内的值会被清空，特此记录一下这里的优化，这里修改为鼠标点击任意地方时默认选中该输入框内的值；代码如下：//select2输入框鼠标点击任何地方时默认选中该值$(document).on("click",functi
  • 使用bootstrap实现多选下拉框，获取值及绑定值 落叶@Henry html5javascriptcss前端
    源码我在文末提供实现的效果图如下代码：Document西瓜香蕉橙子牛奶猕猴桃梨苹果按钮$("#btnadd").click(function(){alert($("#sel").val());});$(function(){letoptions=$("#sel>option");letsels="6,7,8".split(',');varlist_val=['1','2','3','5']$('#
  • 【QT】QFile读取.txt文本文件时，中文乱码问题（已解决） Wyn_ Qtqtc++QFile
    目录0.背景1.修改方法0.背景项目读取一个【.txt】文本文件，显示到下拉框中，其中含有中文，在读取中文相关字段时会出现乱码，代码和显示如下.txt文本内容如下（显示到下拉框时，我做了分割处理）：实际读取的是【中文test1】QFilefile(filePath);if(!file.open(QIODevice::ReadOnly|QIODevice::Text)){returnfalse;}Q
  • js表单验证与正则 赤诚& HTML学习javascript学习前端
    表单验证与正则目录表单验证与正则一，正则表达式二，表单三，下拉框四，for循环五，表单验证中的常用代码一，正则表达式相信有一定编程语言学习基础的一定知道正则表达式，javascript的正则表达式其实与java的有95%的相似之处，当然，如果你没有基础或者忘记了也没事，小编今天给大家整理好了首先：java中的正则需要一个转义符，而javascript中的正则需要一个特定的书写规范//java中的正
  • 怎么样才能成为专业的程序员？ cocos2d-x小菜 编程PHP
      如何要想成为一名专业的程序员？仅仅会写代码是不够的。从团队合作去解决问题到版本控制，你还得具备其他关键技能的工具包。当我们询问相关的专业开发人员，那些必备的关键技能都是什么的时候，下面是我们了解到的情况。   关于如何学习代码，各种声音很多，然后很多人就被误导为成为专业开发人员懂得一门编程语言就够了？！呵呵，就像其他工作一样，光会一个技能那是远远不够的。如果你想要成为
  • java web开发 高并发处理 BreakingBad javaWeb并发开发处理高
    java处理高并发高负载类网站中数据库的设计方法（java教程,java处理大量数据，java高负载数据） 一：高并发高负载类网站关注点之数据库 没错,首先是数据库,这是大多数应用所面临的首个SPOF。尤其是Web2.0的应用，数据库的响应是首先要解决的。 一般来说MySQL是最常用的，可能最初是一个mysql主机，当数据增加到100万以上，那么，MySQL的效能急剧下降。常用的优化措施是M-S（
  • mysql批量更新 ekian mysql
    mysql更新优化： 一版的更新的话都是采用update set的方式，但是如果需要批量更新的话，只能for循环的执行更新。或者采用executeBatch的方式，执行更新。无论哪种方式，性能都不见得多好。 三千多条的更新，需要3分多钟。 查询了批量更新的优化，有说replace into的方式，即： replace into tableName(id,status) values
  • 微软BI（3） 18289753290 微软BI SSIS
    1) Q：该列违反了完整性约束错误；已获得 OLE DB 记录。源:“Microsoft SQL Server Native Client 11.0” Hresult: 0x80004005 说明:“不能将值 NULL 插入列 'FZCHID'，表 'JRB_EnterpriseCredit.dbo.QYFZCH'；列不允许有 Null 值。INSERT 失败。”。 A：一般这类问题的存在是
  • Java中的List g21121 java
            List是一个有序的 collection（也称为序列）。此接口的用户可以对列表中每个元素的插入位置进行精确地控制。用户可以根据元素的整数索引（在列表中的位置）访问元素，并搜索列表中的元素。         与 set 不同，列表通常允许重复
  • 读书笔记 永夜-极光 读书笔记
       1.  K是一家加工厂,需要采购原材料,有A,B,C,D 4家供应商,其中A给出的价格最低,性价比最高,那么假如你是这家企业的采购经理,你会如何决策?          传统决策: A:100%订单  B,C,D:0%     &nbs
  • centos 安装 Codeblocks 随便小屋 codeblocks
    1.安装gcc,需要c和c++两部分,默认安装下,CentOS不安装编译器的,在终端输入以下命令即可yum install gccyum install gcc-c++   2.安装gtk2-devel,因为默认已经安装了正式产品需要的支持库,但是没有安装开发所需要的文档.yum install gtk2* 3. 安装wxGTK    yum search w
  • 23种设计模式的形象比喻 aijuans 设计模式
    1、ABSTRACT FACTORY—追MM少不了请吃饭了，麦当劳的鸡翅和肯德基的鸡翅都是MM爱吃的东西，虽然口味有所不同，但不管你带MM去麦当劳或肯德基，只管向服务员说“来四个鸡翅”就行了。麦当劳和肯德基就是生产鸡翅的Factory 　　工厂模式：客户类和工厂类分开。消费者任何时候需要某种产品，只需向工厂请求即可。消费者无须修改就可以接纳新产品。缺点是当产品修改时，工厂类也要做相应的修改。如：
  • 开发管理 CheckLists aoyouzi 开发管理 CheckLists
    开发管理 CheckLists(23) -使项目组度过完整的生命周期 开发管理 CheckLists(22) -组织项目资源 开发管理 CheckLists(21) -控制项目的范围开发管理 CheckLists(20) -项目利益相关者责任开发管理 CheckLists(19) -选择合适的团队成员开发管理 CheckLists(18) -敏捷开发 Scrum Master 工作开发管理 C
  • js实现切换 百合不是茶 JavaScript栏目切换
    js主要功能之一就是实现页面的特效,窗体的切换可以减少页面的大小,被门户网站大量应用思路: 1,先将要显示的设置为display:bisible 否则设为none 2,设置栏目的id ,js获取栏目的id,如果id为Null就设置为显示 3,判断js获取的id名字;再设置是否显示   代码实现:   html代码: <di
  • 周鸿祎在360新员工入职培训上的讲话 bijian1013 感悟项目管理人生职场
            这篇文章也是最近偶尔看到的，考虑到原博客发布者可能将其删除等原因，也更方便个人查找，特将原文拷贝再发布的。“学东西是为自己的，不要整天以混的姿态来跟公司博弈，就算是混，我觉得你要是能在混的时间里，收获一些别的有利于人生发展的东西，也是不错的，看你怎么把握了”，看了之后，对这句话记忆犹新。  &
  • 前端Web开发的页面效果 Bill_chen htmlWebMicrosoft
    1.IE6下png图片的透明显示： <img src="图片地址" border="0" style="Filter.Alpha(Opacity)=数值(100),style=数值(3)"/> 或在<head></head>间加一段JS代码让透明png图片正常显示。 2.<li>标
  • 【JVM五】老年代垃圾回收：并发标记清理GC(CMS GC) bit1129 垃圾回收
      CMS概述 并发标记清理垃圾回收(Concurrent Mark and Sweep GC）算法的主要目标是在GC过程中，减少暂停用户线程的次数以及在不得不暂停用户线程的请夸功能，尽可能短的暂停用户线程的时间。这对于交互式应用，比如web应用来说，是非常重要的。   CMS垃圾回收针对新生代和老年代采用不同的策略。相比同吞吐量垃圾回收，它要复杂的多。吞吐量垃圾回收在执
  • Struts2技术总结 白糖_ struts2
      必备jar文件 早在struts2.0.*的时候，struts2的必备jar包需要如下几个： commons-logging-*.jar   Apache旗下commons项目的log日志包 freemarker-*.jar          
  • Jquery easyui layout应用注意事项 bozch jquery浏览器easyuilayout
    在jquery easyui中提供了easyui-layout布局，他的布局比较局限，类似java中GUI的border布局。下面对其使用注意事项作简要介绍：      如果在现有的工程中前台界面均应用了jquery easyui，那么在布局的时候最好应用jquery eaysui的layout布局，否则在表单页面（编辑、查看、添加等等）在不同的浏览器会出
  • java-拷贝特殊链表：有一个特殊的链表，其中每个节点不但有指向下一个节点的指针pNext，还有一个指向链表中任意节点的指针pRand，如何拷贝这个特殊链表？ bylijinnan java
    public class CopySpecialLinkedList { /** * 题目：有一个特殊的链表，其中每个节点不但有指向下一个节点的指针pNext，还有一个指向链表中任意节点的指针pRand，如何拷贝这个特殊链表？ 拷贝pNext指针非常容易，所以题目的难点是如何拷贝pRand指针。 假设原来链表为A1 -> A2 ->... -> An，新拷贝
  • color Chen.H JavaScripthtmlcss
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">    <HTML>    <HEAD>&nbs
  • [信息与战争]移动通讯与网络 comsci 网络
          两个坚持:手机的电池必须可以取下来                光纤不能够入户,只能够到楼宇       建议大家找这本书看看:<&
  • oracle flashback query(闪回查询) daizj oracleflashback queryflashback table
    在Oracle 10g中，Flash back家族分为以下成员： Flashback Database Flashback Drop Flashback Table Flashback Query(分Flashback Query,Flashback Version Query，Flashback Transaction Query) 下面介绍一下Flashback Drop 和Flas
  • zeus持久层DAO单元测试 deng520159 单元测试
    zeus代码测试正紧张进行中,但由于工作比较忙,但速度比较慢.现在已经完成读写分离单元测试了,现在把几种情况单元测试的例子发出来,希望有人能进出意见,让它走下去. 本文是zeus的dao单元测试: 1.单元测试直接上代码   package com.dengliang.zeus.webdemo.test; import org.junit.Test; import o
  • C语言学习三printf函数和scanf函数学习 dcj3sjt126com cprintfscanflanguage
    printf函数 /* 2013年3月10日20:42:32 地点：北京潘家园 功能： 目的： 测试%x %X %#x %#X的用法 */ # include <stdio.h> int main(void) { printf("哈哈！\n"); // \n表示换行 int i = 10; printf
  • 那你为什么小时候不好好读书? dcj3sjt126com life
    dady, 我今天捡到了十块钱, 不过我还给那个人了 good girl! 那个人有没有和你讲thank you啊 没有啦....他拉我的耳朵我才把钱还给他的, 他哪里会和我讲thank you   爸爸, 如果地上有一张5块一张10块你拿哪一张呢.... 当然是拿十块的咯... 爸爸你很笨的, 你不会两张都拿   爸爸为什么上个月那个人来跟你讨钱, 你告诉他没
  • iptables开放端口 Fanyucai linuxiptables端口
    1，找到配置文件 vi /etc/sysconfig/iptables   2，添加端口开放，增加一行，开放18081端口 -A INPUT -m state --state NEW -m tcp -p tcp --dport 18081 -j ACCEPT   3，保存 ESC :wq!   4，重启服务 service iptables
  • Ehcache（05）——缓存的查询 234390216 排序ehcache统计query
    缓存的查询 目录 1.    使Cache可查询 1.1     基于Xml配置 1.2     基于代码的配置 2     指定可搜索的属性 2.1     可查询属性类型 2.2 &
  • 通过hashset找到数组中重复的元素 jackyrong hashset
      如何在hashset中快速找到重复的元素呢?方法很多，下面是其中一个办法： int[] array = {1,1,2,3,4,5,6,7,8,8}; Set<Integer> set = new HashSet<Integer>(); for(int i = 0
  • 使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL lanrikey history
    后退时关闭当前页面 <script type="text/javascript"> jQuery(document).ready(function ($) {         if (window.history && window.history.pushState) {
  • 应用程序的通信成本 netkiller.github.com 虚拟机应用服务器陈景峰netkillerneo
    应用程序的通信成本 什么是通信 一个程序中两个以上功能相互传递信号或数据叫做通信。 什么是成本 这是是指时间成本与空间成本。 时间就是传递数据所花费的时间。空间是指传递过程耗费容量大小。 都有哪些通信方式 全局变量 线程间通信 共享内存 共享文件 管道 Socket 硬件（串口，USB） 等等 全局变量 全局变量是成本最低通信方法，通过设置
  • 一维数组与二维数组的声明与定义 恋洁e生 二维数组一维数组定义声明初始化
    /**  *  */ package test20111005; /**  * @author FlyingFire  * @date:2011-11-18 上午04:33:36  * @author ：代码整理  * @introduce :一维数组与二维数组的初始化  *summary：  */ public c
  • Spring Mybatis独立事务配置 toknowme mybatis
    在项目中有很多地方会使用到独立事务，下面以获取主键为例   （1）修改配置文件spring-mybatis.xml  <!-- 开启事务支持 -->  <tx:annotation-driven transaction-manager="transactionManager" />   &n
  • 更新Anadroid SDK Tooks之后，Eclipse提示No update were found xp9802 eclipse
    使用Android SDK Manager 更新了Anadroid SDK Tooks 之后， 打开eclipse提示 This Android SDK requires Android Developer Toolkit version 23.0.0 or above, 点击Check for Updates  检测一会后提示 No update were found 
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他