结构: 1.右边的信号是大盒子的背景图; 2.大盒子里面有一个云彩盒子,一个ul盒子; 3.云彩盒子的z-index降低; 4.移动的盒子一般是通过定位得到的; ...
分类:
移动开发 时间:
2017-12-29 10:14:41
阅读次数:
206
常用命令 wRZiTIXTQ~ D 0qBC1 4i #IF ;如果 &Ul Ab(=G' #SAY ;输出字符串 "lv5;~ 8! #ACT ;执行命令 S"3zNKGzp break ;结束命令 LW;! ;Ti3 close ;结束对话 |dJz%& h &*o=$`G oM 条件命令 jW ...
分类:
其他好文 时间:
2017-12-28 18:19:39
阅读次数:
3865
<ul> <li>John</li> <li>Karl</li> <li>Brandon</li> </ul> 获取第一个元素: $("ul li:first-child") <div id="getfirst"> <ul> <li>John</li> <li>Karl</li> <li>Brand ...
分类:
Web程序 时间:
2017-12-28 16:07:20
阅读次数:
189
两种方式: 1/.根据div中的class属性 指定ul 找到选中的单个li $(".f_dingdan ul li").click(function(){ var a=$(this).find("input").val() /使用this获取input的值 alert(a); }) 2/.根据ul ...
分类:
其他好文 时间:
2017-12-28 00:05:25
阅读次数:
246
<!DOCTYPE html><html><head><meta charset="utf-8"><title>无序列表</title> <style> ul{width:250px;height:150px;background-color:gray;border:1px solid whi
分类:
Web程序 时间:
2017-12-27 18:05:40
阅读次数:
177
时间轴<ul class="layui-timeline"> <c:forEach var="info" items="${list}" varStatus="idx"> <li class="layui-timeline-item"> <i class="layui-icon layui-time ...
分类:
其他好文 时间:
2017-12-27 14:28:58
阅读次数:
269
二级导航翻转效果:/*html*/<ul> <li>111</li> <li>222</li> <li>333 <ol> <li>444</li> <li>555</li> <li>666</li> </ol> </li></ul>/*css*/ li{ list-style: none; marg ...
分类:
Web程序 时间:
2017-12-24 20:07:22
阅读次数:
245
第二种:鼠标移入切换效果实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>选项卡-鼠标移入触发效果</title> <style type="text/css"> *{ margin: 0; padding: 0; li ...
分类:
Web程序 时间:
2017-12-23 14:20:12
阅读次数:
162
首先是导航,它是一个网页的header,我们把它放在nav 里,在加一个ul 无序列表。 后面的内容,先划分区块。划完之后在填写内容。 transform : rotate ( 40 deg ) ; 变形 旋转 40 度 | | | 变形 旋转 度 transform : scale (0.5) ; ...
分类:
Web程序 时间:
2017-12-23 12:01:51
阅读次数:
222
核心知识点: 1.无序列表: ul>li 2.有序列表:ol>li 3.标题列表:dl(标签)>dt(标题)>dd(选项) 4.表格:table>thead(>tr>th)tbody>tr>td; 1.无序列表 效果展示: type属性:(改变行前面个的开始字符) disc(实心圆点,默认值) ci ...
分类:
Web程序 时间:
2017-12-21 18:15:00
阅读次数:
219