博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery鼠标经过显示二级导航菜单(用less写的)
阅读量:2066 次
发布时间:2019-04-29

本文共 1970 字,大约阅读时间需要 6 分钟。

HTML代码,包含js

    
Title
说明:练习一下导航怎么写,同时试着用less来写样式。
需要更多信息请查看:
http://blog.csdn.net/dongxingpeng

less样式语言

@red :#000;@white :#CA952D;@li-width : 200px;@fontSize: 20px;html,body{  background: @red;  margin: 0;  padding: 0;}header{  width: 100%;  height: 30px;  color: @white;    .nav{      width: 1200px;      margin: 0 auto;      height: 30px;      text-align: center;      font-size: 16px;    }    .nav li{      float: left;      width: @li-width;      list-style-type: none;      line-height: 30px;    }    .nav li a,.nav-list li a{      text-decoration: none;      color: @white;    }    .nav-list {      position: relative;      display: none;      left: -40px;      z-index: 99;      width: 100px;      background: #00ff00;    }    .show-list{      display: block;    }}.instruction{  position: fixed;  top:50%;  left:30%;  clear: both;  color: @white;  font-size: @fontSize;  a{    color: @white;    text-decoration: none;  }}
你可能感兴趣的文章
数的范围(二分查找上下界)
查看>>
算法导论阅读顺序
查看>>
Windows程序设计:直线绘制
查看>>
linux之CentOS下文件解压方式
查看>>
Django字段的创建并连接MYSQL
查看>>
div标签布局的使用
查看>>
HTML中表格的使用
查看>>
(模板 重要)Tarjan算法解决LCA问题(PAT 1151 LCA in a Binary Tree)
查看>>
(PAT 1154) Vertex Coloring (图的广度优先遍历)
查看>>
(PAT 1115) Counting Nodes in a BST (二叉查找树-统计指定层元素个数)
查看>>
(PAT 1143) Lowest Common Ancestor (二叉查找树的LCA)
查看>>
(PAT 1061) Dating (字符串处理)
查看>>
(PAT 1118) Birds in Forest (并查集)
查看>>
数据结构 拓扑排序
查看>>
(PAT 1040) Longest Symmetric String (DP-最长回文子串)
查看>>
(PAT 1145) Hashing - Average Search Time (哈希表冲突处理)
查看>>
(1129) Recommendation System 排序
查看>>
PAT1090 Highest Price in Supply Chain 树DFS
查看>>
(PAT 1096) Consecutive Factors (质因子分解)
查看>>
(PAT 1019) General Palindromic Number (进制转换)
查看>>