关于JS的2个问题!图片拖动,以及实现WINDOWS下开始那种效果! 在DIV层上绑定鼠标事件。在鼠标按下并移动的事件中移动图片。我是赚分,我的分数太少了! 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 lz只要把下面的div用img代替就行了:<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>新建网页 1</title><script>var x=0;var y=0;var can_move=false;function mouse_down(){x=event.x;y=event.y;can_move=true;}function mouse_move(){if(can_move){var top=document.all.div1.style.top;var left=document.all.div1.style.left;document.all.div1.style.top=parseInt(top.substring(0,top.length-2))+(event.y-y);document.all.div1.style.left=parseInt(left.substring(0,left.length-2))+(event.x-x);y=event.y;x=event.x;}}function mouse_up(){can_move=false;}</script></head><body onmousemove="mouse_move()"><div id=div1 style="position:absolute;top:100px;left:100px;width:100px;height:100px;background-color:#cccccc" onmousedown="mouse_down()" onmouseup="mouse_up()"></div></body></html> YES,第一个解决有谁能把第2个象WINDOW开始一样的导航条解决拉? 双击显示菜单(lz可以自己改成单击或其他事件),单击菜单外面则菜单消失<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>新建网页 1</title><script>var x=0;var y=0;var can_move=false;function mouse_down(){if(event.srcElement.id=="div1"){x=event.x;y=event.y;can_move=true;}if(event.srcElement.id!="div2"&&event.srcElement.parentNode.id!="div2"){document.all.div2.style.display="none";}}function mouse_move(){if(can_move){var top=document.all.div1.style.top;var left=document.all.div1.style.left;document.all.div1.style.top=parseInt(top.substring(0,top.length-2))+(event.y-y);document.all.div1.style.left=parseInt(left.substring(0,left.length-2))+(event.x-x);y=event.y;x=event.x;}}function mouse_up(){can_move=false;}function dbclick(){var top=document.all.div1.style.top;var height=document.all.div1.style.height;var left=document.all.div1.style.left;document.all.div2.style.top=parseInt(top.substring(0,top.length-2))+parseInt(height.substring(0,height.length-2));document.all.div2.style.left=parseInt(left.substring(0,left.length-2));document.all.div2.style.display="block";}</script></head><body onmousemove="mouse_move()" onmousedown="mouse_down()"><div id=div1 style="position:absolute;top:100px;left:100px;width:100px;height:100px;background-color:#cccccc" onmousedown="mouse_down()" onmouseup="mouse_up()" ondblclick="dbclick()">单击拖动,双击显示菜单</div><div id=div2 style="position:absolute;display:none;background-color:#cccccc"><a href=# onclick="alert('标题1');">标题1</a><br><a href=# onclick="alert('标题2');">标题2</a><br><a href=# onclick="alert('标题3');">标题3</a></div></body></html> <script language="JavaScript" type="text/javascript"><!--function toggle(_dt){//toggle开关,触发器 var _dl=_dt.parentNode; if(_dl.className=="collapse")_dl.className="expand"; else _dl.className="collapse";}//--></script><style type="text/css"><!--dl dt { cursor:pointer;padding:3px;}dl dd { padding:3px;}.expand { height:auto;}.collapse { height:25px;overflow:hidden;}--></style><dl> <dt onClick="toggle(this)">根结点</dt> <dd>子结点1</dd> <dd>子结点2</dd> <dd>子结点3</dd> <dd>子结点4</dd></dl><dl> <dt onClick="toggle(this)">根结点</dt> <dd>子结点1</dd> <dd>子结点2</dd> <dd>子结点3</dd> <dd>子结点4</dd></dl>是不是树菜单? 可能我描绘错误应该是象WINDOW下开始的那种导航条点开始,出所有项目,鼠标上去有颜色变化,如果有子项目的伸展开子项目 <!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>css菜单演示</title><style type="text/css"><!--*{margin:0;padding:0;border:0;}body { font-family: arial, 宋体, serif; font-size:12px;}#nav { line-height: 24px; list-style-type: none; background:#666; width:80px;}#nav a { display: block; width: 80px; text-align:center;}#nav a:link { color:#666; text-decoration:none;}#nav a:visited { color:#666;text-decoration:none;}#nav a:hover { color:#FFF;text-decoration:none;font-weight:bold;}#nav li { /*float: left*/; width: 80px; background:#CCC;}#nav li a:hover{ background:#999;}#nav li ul { line-height: 27px; list-style-type: none;text-align:left; left: -999em; width: 180px; position: absolute; }#nav li ul li{ float: left; width: 180px; background: #F6F6F6; }#nav li ul a{ display: block; width: 180px;w\idth: 156px;text-align:left;padding-left:24px;}#nav li ul a:link { color:#666; text-decoration:none;}#nav li ul a:visited { color:#666;text-decoration:none;}#nav li ul a:hover { color:#F3F3F3;text-decoration:none;font-weight:normal; background:#C00;}#nav li:hover ul { left: auto;}#nav li.sfhover ul { left: auto;}#nav li.sfhover a { float:left;}#content { clear: left; }--></style><script type=text/javascript><!--//--><![CDATA[//><!--function menuFix() { var sfEls = document.getElementById("nav").getElementsByTagName("li"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=(this.className.length>0? " ": "") + "sfhover"; } sfEls[i].onMouseDown=function() { this.className+=(this.className.length>0? " ": "") + "sfhover"; } sfEls[i].onMouseUp=function() { this.className+=(this.className.length>0? " ": "") + "sfhover"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), ""); } }}window.onload=menuFix;//--><!]]></script></head><body><ul id="nav"><li><a href="#">产品介绍</a> <ul> <li><a href="#">产品一</a></li> <li><a href="#">产品一</a></li> <li><a href="#">产品一</a></li> <li><a href="#">产品一</a></li> <li><a href="#">产品一</a></li> <li><a href="#">产品一</a></li> </ul></li><li><a href="#">服务介绍</a> <ul> <li><a href="#">服务二</a></li> <li><a href="#">服务二</a></li> <li><a href="#">服务二</a></li> <li><a href="#">服务二服务二</a></li> <li><a href="#">服务二服务二服务二</a></li> <li><a href="#">服务二</a></li> </ul></li><li><a href="#">成功案例</a> <ul> <li><a href="#">案例三</a></li> <li><a href="#">案例</a></li> <li><a href="#">案例三案例三</a></li> <li><a href="#">案例三案例三案例三</a></li> </ul></li><li><a href="#">关于我们</a> <ul> <li><a href="#">我们四</a></li> <li><a href="#">我们四</a></li> <li><a href="#">我们四</a></li> <li><a href="#">我们四111</a></li> </ul></li><li><a href="#">在线演示</a> <ul> <li><a href="#">演示</a></li> <li><a href="#">演示</a></li> <li><a href="#">演示</a></li> <li><a href="#">演示演示演示</a></li> <li><a href="#">演示演示演示</a></li> <li><a href="#">演示演示</a></li> <li><a href="#">演示演示演示</a></li> <li><a href="#">演示演示演示演示演示</a></li> </ul></li><li><a href="#">联系我们</a> <ul> <li><a href="#">联系联系联系联系联系</a></li> <li><a href="#">联系联系联系</a></li> <li><a href="#">联系</a></li> <li><a href="#">联系联系</a></li> <li><a href="#">联系联系</a></li> <li><a href="#">联系联系联系</a></li> <li><a href="#">联系联系联系</a></li> </ul></li></ul></body></html> 借用zabcd117(菜园小哥)的代码改改,希望是lz想要的效果:<!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>css菜单演示</title><style type="text/css"><!--*{margin:0;padding:0;border:0;}body {font-family: arial, 宋体, serif; font-size:12px;}#nav { line-height: 24px; list-style-type: none; background:#666; width:80px;}#nav a {display: block; width: 80px; text-align:center;}#nav a:link {color:#666; text-decoration:none;}#nav a:visited {color:#666;text-decoration:none;}#nav a:hover {color:#FFF;text-decoration:none;font-weight:bold;}#nav li {/*float: left*/; width: 80px; background:#CCC;}#nav li a:hover{background:#999;}#nav li ul {line-height: 27px; list-style-type: none;text-align:left;left: -999em; width: 180px; position: absolute; }#nav li ul li{float: left; width: 180px;background: #F6F6F6; }#nav li ul a{display: block; width: 180px;w\idth: 156px;text-align:left;padding-left:24px;}#nav li ul a:link {color:#666; text-decoration:none;}#nav li ul a:visited {color:#666;text-decoration:none;}#nav li ul a:hover {color:#F3F3F3;text-decoration:none;font-weight:normal;background:#C00;}#nav li:hover ul {left: auto;}#nav li.sfhover ul {left: auto;}#nav li.sfhover a {float:left;}#content {clear: left; }--></style><script type=text/javascript><!--//--><![CDATA[//><!--function menuFix() {var sfEls = document.getElementById("nav").getElementsByTagName("li");for (var i=0; i<sfEls.length; i++) {sfEls[i].onmouseover=function() {this.className+=(this.className.length>0? " ": "") + "sfhover";}sfEls[i].onMouseDown=function() {this.className+=(this.className.length>0? " ": "") + "sfhover";}sfEls[i].onMouseUp=function() {this.className+=(this.className.length>0? " ": "") + "sfhover";}sfEls[i].onmouseout=function() {this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), "");}}}window.onload=menuFix;function show_ul(){if(document.all.nav.style.display=="none"){document.all.nav.style.display="block";}else{document.all.nav.style.display="none";}}document.onmouseup=function (){if(event.srcElement.id!="btn1"&&event.srcElement.tagName!="A"){document.all.nav.style.display="none";}}//--><!]]></script></head><body><input id=btn1 type=button value="开始" onclick="show_ul()"><ul id="nav" style="display:none"><li><a href="#">产品介绍</a><ul><li><a href="#">产品一</a></li><li><a href="#">产品一</a></li><li><a href="#">产品一</a></li><li><a href="#">产品一</a></li><li><a href="#">产品一</a></li><li><a href="#">产品一</a></li></ul></li><li><a href="#">服务介绍</a><ul><li><a href="#">服务二</a></li><li><a href="#">服务二</a></li><li><a href="#">服务二</a></li><li><a href="#">服务二服务二</a></li><li><a href="#">服务二服务二服务二</a></li><li><a href="#">服务二</a></li></ul></li><li><a href="#">成功案例</a><ul><li><a href="#">案例三</a></li><li><a href="#">案例</a></li><li><a href="#">案例三案例三</a></li><li><a href="#">案例三案例三案例三</a></li></ul></li><li><a href="#">关于我们</a><ul><li><a href="#">我们四</a></li><li><a href="#">我们四</a></li><li><a href="#">我们四</a></li><li><a href="#">我们四111</a></li></ul></li><li><a href="#">在线演示</a><ul><li><a href="#">演示</a></li><li><a href="#">演示</a></li><li><a href="#">演示</a></li><li><a href="#">演示演示演示</a></li><li><a href="#">演示演示演示</a></li><li><a href="#">演示演示</a></li><li><a href="#">演示演示演示</a></li><li><a href="#">演示演示演示演示演示</a></li></ul></li><li><a href="#">联系我们</a><ul><li><a href="#">联系联系联系联系联系</a></li><li><a href="#">联系联系联系</a></li><li><a href="#">联系</a></li><li><a href="#">联系联系</a></li><li><a href="#">联系联系</a></li><li><a href="#">联系联系联系</a></li><li><a href="#">联系联系联系</a></li></ul></li></ul></body></html> 太爽了。。。写了500多行的javascript代码 javascript 保存图片 请教:这函数什么地方不对 100分求无刷新跳转页面(<iframe>中) 求一个js函数:JavaScript onfocus style.display= 注册时候input onfocus时候显示 onblur的时候隐藏 Javascript拆分字符串 回答正确立刻揭贴 如何让input里只能输入数字,而且不能有空格? 关于响应页面!!! 只限定输入数字 滚动函数计次数 文本框中值改变会触发哪些事件? 求一段验证字符窜是否合法的IP的脚本
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
<script>
var x=0;
var y=0;
var can_move=false;
function mouse_down(){
x=event.x;
y=event.y;
can_move=true;
}
function mouse_move(){
if(can_move){
var top=document.all.div1.style.top;
var left=document.all.div1.style.left;
document.all.div1.style.top=parseInt(top.substring(0,top.length-2))+(event.y-y);
document.all.div1.style.left=parseInt(left.substring(0,left.length-2))+(event.x-x);
y=event.y;
x=event.x;
}
}
function mouse_up(){
can_move=false;
}
</script>
</head>
<body onmousemove="mouse_move()">
<div id=div1 style="position:absolute;top:100px;left:100px;width:100px;height:100px;background-color:#cccccc" onmousedown="mouse_down()" onmouseup="mouse_up()"></div>
</body>
</html>
有谁能把第2个
象WINDOW开始一样的导航条解决拉?
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
<script>
var x=0;
var y=0;
var can_move=false;
function mouse_down(){
if(event.srcElement.id=="div1"){
x=event.x;
y=event.y;
can_move=true;}
if(event.srcElement.id!="div2"&&event.srcElement.parentNode.id!="div2"){
document.all.div2.style.display="none";
}
}
function mouse_move(){
if(can_move){
var top=document.all.div1.style.top;
var left=document.all.div1.style.left;
document.all.div1.style.top=parseInt(top.substring(0,top.length-2))+(event.y-y);
document.all.div1.style.left=parseInt(left.substring(0,left.length-2))+(event.x-x);
y=event.y;
x=event.x;
}
}
function mouse_up(){
can_move=false;
}
function dbclick(){
var top=document.all.div1.style.top;
var height=document.all.div1.style.height;
var left=document.all.div1.style.left;
document.all.div2.style.top=parseInt(top.substring(0,top.length-2))+parseInt(height.substring(0,height.length-2));
document.all.div2.style.left=parseInt(left.substring(0,left.length-2));
document.all.div2.style.display="block";
}
</script>
</head>
<body onmousemove="mouse_move()" onmousedown="mouse_down()">
<div id=div1 style="position:absolute;top:100px;left:100px;width:100px;height:100px;background-color:#cccccc" onmousedown="mouse_down()" onmouseup="mouse_up()" ondblclick="dbclick()">
单击拖动,双击显示菜单
</div>
<div id=div2 style="position:absolute;display:none;background-color:#cccccc">
<a href=# onclick="alert('标题1');">标题1</a><br>
<a href=# onclick="alert('标题2');">标题2</a><br>
<a href=# onclick="alert('标题3');">标题3</a>
</div>
</body>
</html>
<!--
function toggle(_dt){//toggle开关,触发器
var _dl=_dt.parentNode;
if(_dl.className=="collapse")_dl.className="expand";
else _dl.className="collapse";
}
//-->
</script>
<style type="text/css">
<!--
dl dt { cursor:pointer;padding:3px;}
dl dd { padding:3px;}
.expand { height:auto;}
.collapse { height:25px;overflow:hidden;}
-->
</style><dl>
<dt onClick="toggle(this)">根结点</dt>
<dd>子结点1</dd>
<dd>子结点2</dd>
<dd>子结点3</dd>
<dd>子结点4</dd>
</dl>
<dl>
<dt onClick="toggle(this)">根结点</dt>
<dd>子结点1</dd>
<dd>子结点2</dd>
<dd>子结点3</dd>
<dd>子结点4</dd>
</dl>是不是树菜单?
应该是象WINDOW下开始的那种导航条点开始,出所有项目,鼠标上去有颜色变化,如果有子项目的伸展开子项目
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css菜单演示</title>
<style type="text/css">
<!--*{margin:0;padding:0;border:0;}
body {
font-family: arial, 宋体, serif;
font-size:12px;
}
#nav {
line-height: 24px; list-style-type: none; background:#666; width:80px;
}#nav a {
display: block; width: 80px; text-align:center;
}#nav a:link {
color:#666; text-decoration:none;
}
#nav a:visited {
color:#666;text-decoration:none;
}
#nav a:hover {
color:#FFF;text-decoration:none;font-weight:bold;
}#nav li {
/*float: left*/; width: 80px; background:#CCC;
}
#nav li a:hover{
background:#999;
}
#nav li ul {
line-height: 27px; list-style-type: none;text-align:left;
left: -999em; width: 180px; position: absolute;
}
#nav li ul li{
float: left; width: 180px;
background: #F6F6F6;
}
#nav li ul a{
display: block; width: 180px;w\idth: 156px;text-align:left;padding-left:24px;
}#nav li ul a:link {
color:#666; text-decoration:none;
}
#nav li ul a:visited {
color:#666;text-decoration:none;
}
#nav li ul a:hover {
color:#F3F3F3;text-decoration:none;font-weight:normal;
background:#C00;
}#nav li:hover ul {
left: auto;
}
#nav li.sfhover ul {
left: auto;
}
#nav li.sfhover a {
float:left;
}
#content {
clear: left;
}
-->
</style><script type=text/javascript><!--//--><![CDATA[//><!--
function menuFix() {
var sfEls = document.getElementById("nav").getElementsByTagName("li");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseDown=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseUp=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), "");
}
}
}
window.onload=menuFix;//--><!]]></script></head>
<body>
<ul id="nav">
<li><a href="#">产品介绍</a>
<ul>
<li><a href="#">产品一</a></li>
<li><a href="#">产品一</a></li>
<li><a href="#">产品一</a></li>
<li><a href="#">产品一</a></li>
<li><a href="#">产品一</a></li>
<li><a href="#">产品一</a></li>
</ul>
</li>
<li><a href="#">服务介绍</a>
<ul>
<li><a href="#">服务二</a></li>
<li><a href="#">服务二</a></li>
<li><a href="#">服务二</a></li>
<li><a href="#">服务二服务二</a></li>
<li><a href="#">服务二服务二服务二</a></li>
<li><a href="#">服务二</a></li>
</ul>
</li>
<li><a href="#">成功案例</a>
<ul>
<li><a href="#">案例三</a></li>
<li><a href="#">案例</a></li>
<li><a href="#">案例三案例三</a></li>
<li><a href="#">案例三案例三案例三</a></li>
</ul>
</li>
<li><a href="#">关于我们</a>
<ul>
<li><a href="#">我们四</a></li>
<li><a href="#">我们四</a></li>
<li><a href="#">我们四</a></li>
<li><a href="#">我们四111</a></li>
</ul>
</li><li><a href="#">在线演示</a>
<ul>
<li><a href="#">演示</a></li>
<li><a href="#">演示</a></li>
<li><a href="#">演示</a></li>
<li><a href="#">演示演示演示</a></li>
<li><a href="#">演示演示演示</a></li>
<li><a href="#">演示演示</a></li>
<li><a href="#">演示演示演示</a></li>
<li><a href="#">演示演示演示演示演示</a></li>
</ul>
</li>
<li><a href="#">联系我们</a>
<ul>
<li><a href="#">联系联系联系联系联系</a></li>
<li><a href="#">联系联系联系</a></li>
<li><a href="#">联系</a></li>
<li><a href="#">联系联系</a></li>
<li><a href="#">联系联系</a></li>
<li><a href="#">联系联系联系</a></li>
<li><a href="#">联系联系联系</a></li>
</ul>
</li></ul></body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css菜单演示</title>
<style type="text/css">
<!--*{margin:0;padding:0;border:0;}
body {
font-family: arial, 宋体, serif;
font-size:12px;
}
#nav {
line-height: 24px; list-style-type: none; background:#666; width:80px;
}#nav a {
display: block; width: 80px; text-align:center;
}#nav a:link {
color:#666; text-decoration:none;
}
#nav a:visited {
color:#666;text-decoration:none;
}
#nav a:hover {
color:#FFF;text-decoration:none;font-weight:bold;
}#nav li {
/*float: left*/; width: 80px; background:#CCC;
}
#nav li a:hover{
background:#999;
}
#nav li ul {
line-height: 27px; list-style-type: none;text-align:left;
left: -999em; width: 180px; position: absolute;
}
#nav li ul li{
float: left; width: 180px;
background: #F6F6F6;
}
#nav li ul a{
display: block; width: 180px;w\idth: 156px;text-align:left;padding-left:24px;
}#nav li ul a:link {
color:#666; text-decoration:none;
}
#nav li ul a:visited {
color:#666;text-decoration:none;
}
#nav li ul a:hover {
color:#F3F3F3;text-decoration:none;font-weight:normal;
background:#C00;
}#nav li:hover ul {
left: auto;
}
#nav li.sfhover ul {
left: auto;
}
#nav li.sfhover a {
float:left;
}
#content {
clear: left;
}
-->
</style><script type=text/javascript><!--//--><![CDATA[//><!--
function menuFix() {
var sfEls = document.getElementById("nav").getElementsByTagName("li");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseDown=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseUp=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), "");
}
}
}
window.onload=menuFix;
function show_ul(){
if(document.all.nav.style.display=="none"){
document.all.nav.style.display="block";
}else{
document.all.nav.style.display="none";
}
}
document.onmouseup=function (){
if(event.srcElement.id!="btn1"&&event.srcElement.tagName!="A"){
document.all.nav.style.display="none";
}
}
//--><!]]></script></head>
<body><input id=btn1 type=button value="开始" onclick="show_ul()">
<ul id="nav" style="display:none">
<li><a href="#">产品介绍</a>
<ul>
<li><a href="#">产品一</a></li>
<li><a href="#">产品一</a></li>
<li><a href="#">产品一</a></li>
<li><a href="#">产品一</a></li>
<li><a href="#">产品一</a></li>
<li><a href="#">产品一</a></li>
</ul>
</li>
<li><a href="#">服务介绍</a>
<ul>
<li><a href="#">服务二</a></li>
<li><a href="#">服务二</a></li>
<li><a href="#">服务二</a></li>
<li><a href="#">服务二服务二</a></li>
<li><a href="#">服务二服务二服务二</a></li>
<li><a href="#">服务二</a></li>
</ul>
</li>
<li><a href="#">成功案例</a>
<ul>
<li><a href="#">案例三</a></li>
<li><a href="#">案例</a></li>
<li><a href="#">案例三案例三</a></li>
<li><a href="#">案例三案例三案例三</a></li>
</ul>
</li>
<li><a href="#">关于我们</a>
<ul>
<li><a href="#">我们四</a></li>
<li><a href="#">我们四</a></li>
<li><a href="#">我们四</a></li>
<li><a href="#">我们四111</a></li>
</ul>
</li><li><a href="#">在线演示</a>
<ul>
<li><a href="#">演示</a></li>
<li><a href="#">演示</a></li>
<li><a href="#">演示</a></li>
<li><a href="#">演示演示演示</a></li>
<li><a href="#">演示演示演示</a></li>
<li><a href="#">演示演示</a></li>
<li><a href="#">演示演示演示</a></li>
<li><a href="#">演示演示演示演示演示</a></li>
</ul>
</li>
<li><a href="#">联系我们</a>
<ul>
<li><a href="#">联系联系联系联系联系</a></li>
<li><a href="#">联系联系联系</a></li>
<li><a href="#">联系</a></li>
<li><a href="#">联系联系</a></li>
<li><a href="#">联系联系</a></li>
<li><a href="#">联系联系联系</a></li>
<li><a href="#">联系联系联系</a></li>
</ul>
</li></ul></body>
</html>