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
礼悟: 公恒学思合行悟,尊师重道存感恩。叶见寻根三返一,江河湖海同一体。 虚怀若谷良心主,愿行无悔给最苦。读书锻炼养身心,诚劝且行且珍惜。 代码 效果 扩展 给最苦 想:无序列表嵌套完成后,它是一个静态的效果,能不能再配合上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实现树桩导航 展示一下效果? 当我鼠标点击的是时候展开下级菜单例如:我点击汽车 就会显示奥迪与奔驰再次点击就会闭合 实现思路 1. 实现Ul的搭建,并建立样式实现隐藏相对应的样式 2 找到要操作的的对象并添加函数 3找到要操作的对象添加对应的功能 方法的讲解 children()指的是子 ...
分类:
Web程序 时间:
2018-01-27 15:18:27
阅读次数:
194
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
例如HTML结构如下 CSS 如上代码,当鼠标悬浮到menu上时,显示ul,但是由于移动浏览器没有鼠标,因此无法触发css中的hover. 解决办法:可以用点击来触发hover 给div加上onclick事件,点击menu的时候,便会触发hover,显示ul. 但是这样又会导致menu一直是hove ...
分类:
移动开发 时间:
2018-01-27 11:38:44
阅读次数:
222
HTML中的三种布局方式:标准流、浮动、定位 两大元素: 块级元素:div、table、H1~H6、有序无序列表(ol、ul、li)、p段落等 内联元素:a、span、img、input等块级元素单独占一行,内联元素会从左到右依次排列在一行。 常用的定位position可分为以下四种: static ...
分类:
Web程序 时间:
2018-01-26 22:45:13
阅读次数:
157
<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
首页: 单页面: {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
登录页面左右切换 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