当前位置：煜阳网站建设 > 新闻资讯

网站建设需要下拉菜单不用JS如何实现呢？

2020-02-08 23:40 admin

　　网站建设需要下拉菜单不用JS如何实现呢？煜阳网络公司某工程师今天就遇到了解决的方法。现展示给各位爱建设网站的朋友信参考

@media screen and (min-width:640px) {

.nav ul li ul{display:none;}

.nav a{

text-decoration: none;

}

.nav ul ul{z-index:9999; position:absolute; padding-top: 18px;}

.nav li{position:relative; display:block; cursor:pointer;}

.nav li:first-child{}

.nav ul:first-child li:last-child{margin-right:0;}

.nav li li{width:100%; }

.nav li a{display:block; }

.nav li li a{display:block; }

.nav ul ul{display:none;}

.nav ul li:hover > ul{display:block;}

.nav a{color:#FFF;}

.nav li li a, .nav li.active li a{color:#333333; background:#F2F2F2; padding:10px;}

.nav li.active a, .nav a:hover{color:#FF9900;}

.nav ul li li:hover > a{color:#FFFFFF; background-color:#B2B2B2;}

}

@media screen and (max-width:640px) {

.nav ul li ul{display:none;}

}

</style>

<ul>

<ul>

<li class="erceng_a"><a href="<?php echo ac("article","index","17")?>">美国大西洋绿卡基金</a></li>

<li class="erceng_a"><a href="<?php echo ac("article","index","21")?>">美国EB1A/C投资移民</a></li>

<li class="erceng_a"><a href="<?php echo ac("article","index","29")?>">加拿大魁省投资移民</a></li>

<li class="erceng_a"><a href="<?php echo ac("article","index","29")?>">PEQ留学移民计划</a></li>

<li class="erceng_a"><a href="<?php echo ac("article","index","25")?>">德国欧盟蓝卡移民</a></li>

</ul>

</li><li class='dd2'>|</li>

<ul>

<li class="erceng_a"><a href="/">海外美元基金</a></li>

<li class="erceng_a"><a href="/">海外人寿保险</a></li>

<li class="erceng_a"><a href="/">海外房产基金</a></li>

</ul>

</li><li class='dd2'>|</li>

</ul>

</div>

网站建设需要下拉菜单不用JS如何实现呢？ Tag：如何建设网站

返回首页上一篇：网站建设css背景颜色的中cover什么意思下一篇：在线编辑器引入网站建设里的视频文件出现打不开的问题

联络方式：

13363039260

微信二维码

您感兴趣的内容

13363039260

网站建设需要下拉菜单不用JS如何实现呢？

猜你喜欢

热门话题：

联络方式：

13363039260

输入字时输入框边框闪烁(边框为虚线)：

为什么我的后台文件已经设置文件上传大小为1G，但上传时还是提示上传错误？

通过 ID 和链接实现 HTML 书签

页面结构命名

织梦转eyoucms模板标签替换方法

客服QQ