HTML5
文章平均质量分 92
xiaobing_hope
这个作者很懒,什么都没留下…
展开
-
web api - mutationObserver
MutationObserver接口提供了监听对DOM树所做更改的能力。是DOM3 Events规范的一部分。构造函数MutationObserver()创建并返回一个新的MutationObserver,它会在指定DOM发生变化时被调用。方法disconnect()阻止MutationObserver实例继续接收通知,直到再次调用其observe()方法,该观察者对象包含的回调函数都不会被调用observe()配置MutationObserver在Dom更改匹配给定选项时,通过其回调函数原创 2021-04-06 18:41:20 · 254 阅读 · 0 评论 -
IE兼容及在IE中运行最新的渲染模式
在IE中运行最新的渲染模式:IE版本低于IE9时,为了兼容性IE9一下的浏览器,可以添加一下代码:-->-->原创 2016-03-12 21:41:52 · 1107 阅读 · 0 评论 -
移动端html5开发关于用js检测用户设备
移动端html5开发关于用js检测用户设备检测移动设备通过用户代理,检测浏览网页设备为android,iphone,ipad等:用户代理中包含设备的型号,如android,iphone,ipad等用正则去匹配UA,得到设备型号var UA = window.navigator.userAgent, isAndorid = /android/i.test(UA),原创 2015-12-25 18:09:30 · 5037 阅读 · 2 评论 -
移动端与pc端公用一个域名
移动端与pc端公用一个域名移动端与pc端采用两种布局和样式,但是公用一个域名。当在pc端浏览网页时,采用pc端的样式加载页面,当在移动端浏览网页时,则直接跳转到移动端页面,域名不变(设备自适应网页加载的布局和样式)。在网页加载刚开始,对设备进行自主判断,相应加载移动端或者pc端布局和样式:对UA进行判断判断写在页面还没开始加载之前: chars原创 2015-12-07 17:51:00 · 8633 阅读 · 0 评论 -
html5新特性
html5新特性1. 新的文档类型html>2. 脚本和链接不需要typerel="stylesheet" href="index.css"/>src="index.js">3. header和footer标签不需要原来的div定义id或者class属性为header和footer4. hg原创 2016-01-07 15:50:03 · 338 阅读 · 0 评论 -
去掉点击出现的透明阴影--&&--去除iphone、ipad页面button默认样式--元素垂直居中
做好的页面在手机端测试时,发现部分浏览器,tap后会出现一个半透明的灰色背景,(被批...),起初以为是outline作怪,加上后发现没反应,最后发现是tap后的背景高亮,要重设这个表现,则需要设置-webkit-tap-highlight-color为所需色彩,直接透明吧:a,img,button,input,textarea{-webkit-tap-highlight-color:rgba原创 2015-12-04 14:53:08 · 2872 阅读 · 0 评论 -
html、js实现facebook、twitter分享
html、js实现facebook、twitter分享分享到facebook:href="http://www.facebook.com/share.php?u=" onclick="fbs_share" target="_blank">class="facebook">分享到twitter:href="javascript:void(window.open('ht原创 2015-12-24 15:49:29 · 15537 阅读 · 0 评论 -
浮动元素无法撑开父元素--解决方法
浮动元素无法撑开父元素--解决方法定义div元素浮动之后,无法撑开父级元素,当定义父级宽度足够时里面的元素才能够浮动显示如何解决不用定义父级元素宽度,里面的子元素可以浮动并且自动撑开父级框:方法一:将父元素也设置为浮动style="float: left" class="div0"> class="div1" style="float: left原创 2015-12-14 16:05:36 · 5545 阅读 · 0 评论 -
移动端css基本知识点
移动端css基本知识点PPI(Pixels per inch)也叫DPI(Dots Per Inch),表示的是每英寸所拥有的像素(pixel)数目。数值越高,代表显示屏能够以越高的密度显示图像。适用于移动端的DTD:<!DOCTYPEhtml PUBLIC"-//WAPFORUM//DTD XHTML Mobile1.0//EN" "http:/原创 2015-11-24 17:52:33 · 419 阅读 · 0 评论 -
理解事件流及事件对象
理解事件流及事件对象事件流:描述的是从页面中接收事件的顺序,包括事件冒泡流和事件捕获流。 现在大部分浏览器都使用的事件冒泡流。1. HTML事件处理程序在html代码中直接镶嵌js代码,实现事件处理程序。 2. DOM0级事件处理程序先把元素取出来,然后单独在js块中以添加属性的形式添加事件(最为常用)。 3. DOM2级事件处理程序(I原创 2015-10-24 12:35:19 · 885 阅读 · 0 评论 -
获取鼠标点击坐标等__颜色选择器的制作
获取鼠标点击坐标等__颜色选择器的制作效果图:做该效果的难点是js实现点击颜色选择器跟随鼠标移动。 这里使用jQuery实现该效果1. 编写html页面,放置页面所需要的元素。Index.html部分代码2.css样式因为颜色选择器要实现的是随着鼠标拖动移动的效果,所以初期需要将颜色选择器的position属性设置为absolute3.js动态效原创 2015-09-13 11:56:19 · 2984 阅读 · 1 评论 -
3d相册弹出效果01
3d相册弹出效果01效果图:效果描述:图片一张张从中间的一个图片相框中弹出,然后排布成圆形,鼠标拖拽,图片跟着动。 常规网页中,鼠标点击拖动的效果是:选中网页上的文字或者图片。而我们需要的是:鼠标点击拖动网页,相册整体跟随鼠标移动。这时,就需要禁止掉网页默认的鼠标选中属性。解决方案为:在标签中加入 onselectstart =”return false”原创 2015-09-12 12:12:11 · 737 阅读 · 0 评论 -
常用特殊符号的HTML代码(HTML字符实体)
以实体代替与HTML语法相同的字符,避免浏览解析错误。常用HTML字符实体(建议使用实体):字符 名称 实体名 实体数“ 双引号原创 2015-07-06 21:40:13 · 1035 阅读 · 0 评论