
html css javascript
文章平均质量分 71
normol
先做人,后做事。
展开
-
接上篇(解决float导致塌陷问题)之clear:both失效
在今天写的途中发现一个问题,虽然解决,可并不知道原因是什么,现在先记下来。 问题的简化版大概是这样:若父元素里有一个以上的元素为浮动,那么,清除浮动(无论是用伪类还是新增一个类的方法)无效。 Document .fu1{ border: 1px solid black; zoom:1; } .son1{ height: 300px; width: 300p原创 2016-10-21 22:15:26 · 1203 阅读 · 0 评论 -
照片瀑布流效果(js,jquery分别实现与知识点总结)
看了慕课网的瀑布流教程,自己跟着写了遍,然后总结了下知识点 *{padding: 0;margin:0;} #main{ margin-top: 10px; position: relative; } .pin{ margin:0; padding:0 0 5px 3px;原创 2017-01-01 13:18:49 · 691 阅读 · 0 评论 -
js、jquery获取、设置元素属性与样式
javascript: 1: ele.style 只能获取写在元素标签中style属性中的值, 无法获取写在、和加载进来的样式属性 2:window.getComputedStyle("元素","伪类") 伪类eg: :before,没有则写为null 3:ele.currentStyle 是IE浏览器的一个属性,返回最终css样式 2、3均可以获取最终的css样式,但只能读原创 2017-01-01 13:07:33 · 4036 阅读 · 0 评论 -
模拟点击事件动态增删元素
商品图像 添加附件 $("#selectFileBtn").click(function(event) { $fileFiled=$('' ); $fileFiled.hide(); $("#attachList").append($fileFiled); $fileFiled.change(function(event原创 2017-02-05 17:12:18 · 860 阅读 · 0 评论 -
offsetWidth、clientWidth、width、scrollWidth区别及js与jQuery获取的方式
offsetWidth、clientWidth、width、scrollWidth区别及js与jQuery获取的方式 var divObj = document.getElementById("div"); var dOffsetWidth = divObj.offsetWidth;//返回元素的宽度(包括元转载 2016-12-29 14:43:50 · 752 阅读 · 0 评论 -
js获取css样式
一开始知道可以通过 obj.offsetWidth , obj.clientWidth, obj,width 等来获得元素宽度(或高度) 然后 ,使用 obj.padding时报错,查阅后得知,除非在html里面写内联样式才能这样获取 那么,获取css里面的样式,就可以使用下面的函数 var getStyle = function(dom, at原创 2016-12-29 14:31:33 · 626 阅读 · 0 评论 -
css之子元素浮动导致父元素高度塌陷解决方案
问题引入:在制作导航栏时,若父元素ul不给出高度的具体数值,只给背景。而子元素li又用到了float:left。 那么,这种情况就会导致父元素的背景“消失”,因为浮动元素脱离文档流,不占据空间,因此相当于父列表没有内容。 解决方案: 一:添加进行清理浮动的元素(但书中说,这会在页面中增加不必要的标记,不建议用这种方法)。 二: (1)使父元素也添加float (2)使父元素posati原创 2016-10-20 22:29:46 · 3777 阅读 · 0 评论 -
css关于背景的一些常用技巧
一:若需要一个图片作为背景,而且有垂直方向的渐变效果,可渐变图像的高度是固定的,所以如果页面内容 的长度超过了图像的高度,那么渐变就会突然中止,若拉伸图像,会失真。 方案:添加一个背景色,与渐变底部颜色相同(原理:背景图像总是出现在背景颜色之上) #all{ background-image: url('....'); background-repeat:no-repeat;原创 2016-10-20 19:36:16 · 472 阅读 · 0 评论 -
JavaScript DOM编程艺术之3-4章知识点总结
getElementByClassName,getAttribute,setAttribute,chiledNodes,nodeType,nodeValue原创 2016-10-27 14:47:38 · 580 阅读 · 0 评论 -
html5之canvas实现模拟简易时钟
个人理解: moveTo 类似于提笔去另一个新地方 translate类似于把整张画布移位 如果画一条新路径不使用beginPath(),择stroke()会把之前画过的(即已经执行的stroke()重新再画一遍,相当于描粗了) 画背景的函数中不能使用stroke(),因为画时分秒是基于开始已经translate()的画布上的 但画时分秒的函数中需要开始和结尾分别save原创 2016-10-26 20:17:49 · 2465 阅读 · 0 评论 -
javascript DOM编程艺术 案例之局部图片文本更新
局部刷新 *{ margin:0; padding: 0; text-decoration: none; } .main{ width: 950px; height: 460px; background-color: #ccc; margin-top: 110px; margin-right: auto; margin-left: auto; }原创 2016-10-26 20:04:13 · 859 阅读 · 1 评论 -
z-index出发讨论层叠问题
点击打开链接 上面的链接是我看的一篇博客,说的很好,这儿我再进行自我总结加深理解记忆。 body,html{ height: 100%; } #one{ width: 100%; height: 100px; background: red; position: absolute; } #two{ width: 100%原创 2016-10-16 11:22:02 · 486 阅读 · 0 评论 -
js函数声明语句与函数表达式的区别深入理解
《JavaScript权威指南》:“尽管函数声明语句和函数定义表达式包含相同的函数名,但二者仍不同,函数声明语句中的函数名是个变量名,变量名指向函数对象,和通过var声明变量一样,函数定义语句中的函数被显示地提前到了脚本或函数的顶部,因此它们在整个脚本和函数内都是可见的。使用var的话,只有变量声明提前了,变量的初始化代码仍在原来的位置。” 自己对这段话不怎么理解,于是查了相关资料:原创 2016-11-06 10:25:13 · 725 阅读 · 0 评论 -
导航及悬浮层制作模板与技巧
技巧一:如图 即:悬浮层类似于从侧栏伸展出来的效果 XX .menu li:hover .submenu{display: block;} .submenu{ display: none; padding-left: 20px; width: 500px; border:1px solid #999; position: absolute; top:35px; l原创 2017-01-24 10:27:41 · 962 阅读 · 0 评论