‘美人在骨不在皮’---实现原理
weixin_37460170
世上无难事只怕有心人
展开
-
日常常用功能-tab切换-原生js和jQuery两种写法,同一思路
思路: 1、先设置所以得选项的className为空,内容部分display:none; 2、当点击的时候,选项的className显示active,内容部分display:block; 原生js部分: body{ margin:0; padding:0;} .active{ background:red;} ul{ margin:0; padding:0; padding-b原创 2017-09-19 09:36:48 · 449 阅读 · 0 评论 -
基础延迟定时器原理--js
基础延迟定时器 #qq{ width:200px; height:500px; background:#ccc;} #pop{ width:100px; height:100px; background:#fc3; position:absolute; left:220px; top:10px; display:none;} window.onload =function(){ var原创 2017-09-11 15:43:07 · 317 阅读 · 0 评论 -
定时器-自动切换焦点图--js
定时器制作图片自动切换 ul{ margin:0; padding:0;} li{ list-style:none;} img{ border:none; vertical-align:top;} body{ background:#ccc;} #pic{ width:300px; height:400px; margin:40px auto; background:#fff; position原创 2017-09-11 15:45:08 · 842 阅读 · 0 评论 -
图片倒计时实现原理--js
系统时间对象 window.onload = function(){ var oBody = document.body; var oP = document.getElementById('time'); //系统时间对象 //var time = new Date(); //alert( time ); //myTime typeof object function fnTime(){ v原创 2017-09-11 15:47:55 · 731 阅读 · 0 评论 -
未知宽高img的居中问题
.box{ width:800px;height:600px;border:2px solid #000; text-align:center;} span{ display:inline-block; height:100%; vertical-align:middle;} img{ vertical-align:middle;} 兼容ie6,7和标准版本 第二种方法,原创 2017-09-11 16:06:02 · 201 阅读 · 0 评论 -
列表文字溢出
1、li不浮动时,li里面内容浮动,产生li与li之间的间隙问题; 2、文字溢出问题 ul{width:302px; margin:0;padding:0; list-style:none;} li{ height:30px; font-size:12px; line-height:30px;border:1px solid #000; vertical-align:top;} p原创 2017-09-11 16:20:01 · 300 阅读 · 0 评论