html编程笔记
文章平均质量分 64
杨过悔
这个作者很懒,什么都没留下…
展开
-
HTML5 Canvas 基础API和实例
HTML5 Canvas 基础API和实例分类: HTML52011-12-09 10:32 18559人阅读 评论(5) 收藏 举报html5apiimagejavascriptfunction图形目录(?)[+] 开发HTML代码是一件简单的事情,一个文字编辑器,然后一个支持HTML5的浏览器即可(本人的浏览器是Fire转载 2015-04-18 17:09:41 · 590 阅读 · 0 评论 -
HTML5之pushstate、popstate操作history,无刷新改变当前url - sniper007
http://www.tuicool.com/articles/uAniau一、认识window.historywindow.history 表示window对象的历史记录,是由用户主动产生,并且接受javascript脚本控制的全局对象。window对象通过 history 对象提供对览器历史记录的访问能力。它暴露了一些非常有用的方法和属性,让你在历史记录中自由前转载 2017-03-16 15:01:38 · 574 阅读 · 0 评论 -
offsetParent
首先是 parentElement 属性,这个属性好理解,就是在 DOM 层次结构定义的上下级关系,如果元素A包含元素B,那么元素B就可以通过 parentElement 属性来获取元素A。 这里主要说的是 offsetParent 属性,这个属性在 MSDN 的文档中也没有解释清楚,这就让人更难理解这个属性。 这几天在网上找了些资料看看,再加上自己的一些测试,对此属性有了那么一点的了解,在这里总转载 2017-03-14 09:50:39 · 466 阅读 · 0 评论 -
flex 最后一行不space-between
使用flex:.searchContents { flex-direction: row; flex-wrap: wrap; justify-content:space-between; align-items: flex-start; overflow: hidden;}估计出现常见问题:最后一行被撑开了, 不是我们想要的!!, 那如何让最后一行不缠开?原创 2017-03-18 13:19:25 · 7750 阅读 · 0 评论 -
h5简单的拖拽排序,
原本是打算用户移动端的, 但考虑移动端的滑动和滚动(暂不知道也没有去搜索决解方案, 但是就算实现了也会有很多麻烦, 以后再考虑) .drag-containter > div { height: 100px; margin-top: 4px; border: 1px solid #930309; }function drag(ev){ ev.dataTr原创 2017-01-17 17:03:06 · 4853 阅读 · 1 评论 -
Meta http-equiv属性详解(转)
http://kinglyhum.iteye.com/blog/827807http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。 引用meat标签的http-equiv属性语法格式是:<meta http-equi转载 2016-12-04 19:38:27 · 286 阅读 · 0 评论 -
block,inline和inline-block概念和区别
http://www.cnblogs.com/KeithWang/p/3139517.html总体概念block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块,会单独换一行;inline元素则前后不会产生换行,一系列inlin转载 2016-11-19 10:22:44 · 265 阅读 · 0 评论 -
子div用了float浮动之后,如何撑开父元素,让父元素div自动适应高度
一次又一次http://www.divcss5.com/jiqiao/j612.shtml转载 2016-07-21 17:55:07 · 3179 阅读 · 0 评论 -
负margin在页面布局中的应用
http://www.cnblogs.com/jscode/archive/2012/08/28/2660078.html转载 2016-07-24 16:15:00 · 303 阅读 · 0 评论 -
html5使得CORS更简单
以前使用CORS时比较麻烦,浏览器各种设置 // Create the XHR object.function createCORSRequest(method, url) { var xhr = new XMLHttpRequest(); if ("withCredentials" in xhr) { // XHR for转载 2015-10-06 11:13:05 · 1039 阅读 · 0 评论 -
Image Map
usemap是img标签的一个属性,用来处理img不同坐标的事件使用例子 Using JavaScript Image Map <!-- function showTutorial(name){ document.myform.stage.valu转载 2015-10-03 09:12:17 · 333 阅读 · 0 评论 -
html与css经典二级菜单编写1
图示 其实使用css加上少量的js就可以做到上面的结果了 1.首先我们用 position: fixed;把一个div固定在顶部(我们这里值讨论固定在顶部的二级菜单,其他自已自行分析"举一仿3“即可)div#header{ margin: 0px; padding: 0px; display: block; background-color: #E原创 2015-08-13 19:54:33 · 654 阅读 · 0 评论 -
div内嵌ul问题
div内嵌ul会出现ul左边距离div一段距离给加上margin:0px;padding:0px;原创 2015-08-13 11:42:00 · 1271 阅读 · 0 评论 -
css 关于ul在div里居中且平铺的问题
今天在调整ul居中的问题时,遇到了点小困难,以前在使用ul时候,让其不是垂直的排列而是,横着排列都是使用float:left这个属性,但是呢,今天我在弄一些友情链接的时候,就出现了ul在div中居中不了的问题,就是在div中加入了style=“text-align:center;” ul也不居中,最后仔细对比了网上的,发现时用了float:left的原因,首先平铺,可以对ul的style使用dis转载 2015-08-13 15:08:49 · 17249 阅读 · 2 评论 -
html与css经典二级菜单编写2
图示其实这些东西的编写不用太多的去参考别人的作品,原理自已分析,自已脑子有了方案就去实现接着动手制作,我在编写这个时也没有看过别人是怎么实现了,经验多了就觉得自已可以去分析原理,自已给出方案,让后制作,遇到问题就找doc,再不行就百度,我写过安卓app,重写其中viewgroup实现slidemenu,写过电脑软件ui,其实归到底很多很多为问题还是利用自已的逻辑以及分析方案的能力加上很原创 2015-08-13 20:32:45 · 533 阅读 · 0 评论 -
RollTop的编写
布局是很简单的RollTop CSS //图片使用慕课网的连接body{ margin: 0; text-align: center; background-color: #efe;}div#content{ padding: 0; margin: auto; height: 4990px; width: 895px; background原创 2015-06-27 11:25:40 · 469 阅读 · 0 评论 -
window.location.hash 属性使用说明
http://www.jb51.net/article/22656.htmlocation是javascript里边管理地址栏的内置对象,比如location.href就管理页面的url,用location.href=url就可以直接将页面重定向url。而location.hash则可以用来获取或设置页面的标签值。比如http://domain/#admin的l转载 2017-03-16 15:04:46 · 1539 阅读 · 0 评论