当前位置：移动技术网 > IT编程>开发语言>JavaScript > 一个qq菜单效果

一个qq菜单效果

2019年08月01日 | 移动技术网IT编程 | 我要评论

这么一个简单的效果就花了偶两个多小时，失败。。。看来还是写的太少，眼高手低！！以后还要多动手写，不能只知道实现方法就pass了废话少说，代码如下(这个可是结构，样式，行为相分离哦)：

<!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">  
<head>  
<title> new document </title>  
<meta http-equiv="content-type" content="text/html; charset=gb2312">  
<meta name="generator" content="editplus">  
<meta name="author" content="">  
<meta name="keywords" content="">  
<meta name="description" content="">  
<style type="text/css">  
*{margin:0px;padding:0px;}  
#menu{  
font-size:12px;  
list-style-type:none;  
width:100px;text-align:center;  
}  
#m1,#m2,#m3,#m4{  
border:1px solid #666;  
height:20px;line-height:20px;  
background:#ccc;width:98px;  
}  
#m1_sub,#m2_sub,#m3_sub,#m4_sub{  
display:inline-block;  
}  
ul#menu li ul li{  
border:1px solid #999;  
height:20px;line-height:20px;  
background:#efefef;list-style-type:none;  
}  
</style>  
  
</head>

[ctrl+a 全选注:如需引入外部js需刷新才能执行]

您可能感兴趣的文章:

如对本文有疑问，点击进行留言回复！！

Vue的响应式原理

受现代JavaScript 的限制 (以及废弃 Object.observe)，Vue不能检测到对象属性的添加或... [阅读全文]
PHP+txt聊天室

PHP+txt聊天室最近朋友发了一篇ASP+txt聊天室，非常不爽，我可是支持PHP的啊所以就发了这篇文章由于是... [阅读全文]
教你如何做一个优雅的Ecmascripter /转

看看这些被同事喷的JS代码风格你写过多少殷荣桧JavaScript今天现在写代码比以前好多了，代码的格式都有es... [阅读全文]
Javascript知识点总结（一）

一、走进javascript什么是JS？JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型... [阅读全文]
利用JS来判断输入是否为空以及重复密码是否相同

登录页面HTML如下：<div class="form-group has-feedback"> ... [阅读全文]
Vue入门基础——第一次笔记

Vue.js是什么？是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层... [阅读全文]
react+antd 给switch设置初始值变量

在react项目中表单内的switch功能，设置初始值为变量，所以需要在Form.Item 标签上添加一个val... [阅读全文]
@vue/cli 4.4.6解决跨域问题

在前端@vue/cli 4.4.6解决跨域问题，可以通过vue.config.js配置完成例如：需要访问http... [阅读全文]
offset、client、scroll (width,height、left,top、X,Y)

offsetWidth、clientWidth、scrollWidthdiv{ width: 20px; ... [阅读全文]
vue 性能优化：gzip编译压缩

安装：compression-webpack-pluginnpm install compression-web... [阅读全文]

网友评论


验证码：

一个qq菜单效果

2019年08月01日 | 移动技术网IT编程 | 我要评论

您可能感兴趣的文章:

相关文章:

网友评论