码迷,mamicode.com
首页 >  
搜索关键字:ul    ( 3408个结果
css 清除浮动的几种方式
1.给浮动的元素的父级添加 overflow:hidden;属性 ul>不浮动 添加overflow:hidden; li>浮动 2.给浮动的元素的父级添加after伪类 ul:after{ content:""; clear:both; height:0; display:block; overf ...
分类:Web程序   时间:2018-01-29 20:14:07    阅读次数:178
html基础 ul li 无序列表的嵌套
礼悟: 公恒学思合行悟,尊师重道存感恩。叶见寻根三返一,江河湖海同一体。 虚怀若谷良心主,愿行无悔给最苦。读书锻炼养身心,诚劝且行且珍惜。 代码 效果 扩展 给最苦 想:无序列表嵌套完成后,它是一个静态的效果,能不能再配合上JavaScript,实现类似于windows系统中文件管理器的动态效果。即 ...
分类:Web程序   时间:2018-01-28 17:23:14    阅读次数:734
移动端动效
1)上下滚动回弹 function swipe(){ //需求: //1、获取要滚动的ul及ul的父级 var ulFather = document.querySelector('.container'); var ul = ul.querySelector('ul'); //2、获取滚动正常范围 ...
分类:移动开发   时间:2018-01-28 00:01:39    阅读次数:566
Jquery实现树桩导航
Jquery实现树桩导航 展示一下效果? 当我鼠标点击的是时候展开下级菜单例如:我点击汽车 就会显示奥迪与奔驰再次点击就会闭合 实现思路 1. 实现Ul的搭建,并建立样式实现隐藏相对应的样式 2 找到要操作的的对象并添加函数 3找到要操作的对象添加对应的功能 方法的讲解 children()指的是子 ...
分类:Web程序   时间:2018-01-27 15:18:27    阅读次数:194
CSS实现下拉菜单的几种方法
PS:转自https://www.cnblogs.com/yewenxiang/p/6064117.html 第一种:display:none和display:block切换 第一种实现方式中,你在 ul a 中添加一条 {z-index:1}就可以解决测试文字下移的问题。 这是首先考虑到的实现方法 ...
分类:Web程序   时间:2018-01-27 13:36:03    阅读次数:223
hover如何在移动浏览器上触发
例如HTML结构如下 CSS 如上代码,当鼠标悬浮到menu上时,显示ul,但是由于移动浏览器没有鼠标,因此无法触发css中的hover. 解决办法:可以用点击来触发hover 给div加上onclick事件,点击menu的时候,便会触发hover,显示ul. 但是这样又会导致menu一直是hove ...
分类:移动开发   时间:2018-01-27 11:38:44    阅读次数:222
css中position用法
HTML中的三种布局方式:标准流、浮动、定位 两大元素: 块级元素:div、table、H1~H6、有序无序列表(ol、ul、li)、p段落等 内联元素:a、span、img、input等块级元素单独占一行,内联元素会从左到右依次排列在一行。 常用的定位position可分为以下四种: static ...
分类:Web程序   时间:2018-01-26 22:45:13    阅读次数:157
vue2.0 实现click点击当前li,动态切换class
<template> <div> <ul> <li v-for="(item,$index) in items" @click="selectStyle (item, $index) " :class="{'active':item.active,'unactive':!item.active}" ...
分类:其他好文   时间:2018-01-26 15:53:49    阅读次数:754
phpcms之调用导航栏
首页: 单页面: {pc:content action="category" catid="0" num="25" siteid="$siteid" order="listorder ASC"} <ul id="header-menu" class="menu"> {if $top_parentid ...
分类:Web程序   时间:2018-01-25 12:03:05    阅读次数:286
12.登录页面左右切换。
登录页面左右切换 html: <div class="user"> <div class="col-lg-2 col-md-2 col-sm-2"> <div class="user-list"> <ul> <li class="user-hov"><a href="javascript:void( ...
分类:其他好文   时间:2018-01-23 15:46:20    阅读次数:150
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!