随笔分类 - HTML集合
摘要：效果： 代码 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>New Document</title> <meta name="Generator" content="EditPl
阅读全文
摘要：1、 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <meta charset="utf-8"> <title>3D烟花</title> <style> html,body{ margin:0px; wi
阅读全文
摘要：1、思路： 因为offsetTop、scrollTop等不属于css属性，所以这些无法用css动画或过度来实现。首先想到的是使用position + top 定位结合 transition 来实现。 2、效果： 3、原生代码： <!DOCTYPE html> <html lang="zh"> <he
阅读全文
摘要：【1】锚点 使用锚点链接是一种简单的返回顶部的功能实现。该实现主要在页面顶部放置一个指定名称的锚点链接，然后在页面下方放置一个返回到该锚点的链接，用户点击该链接即可返回到该锚点所在的顶部位置 <body style="height:2000px;"> <div id="topAnchor"></di
阅读全文
摘要：input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #666; font-size: 16px; } input::-moz-placeholder, textarea::-moz-placeh
阅读全文
摘要：关键代码： *::-webkit-scrollbar {/*隐藏滚轮*/ width: 0; height: 0 }
阅读全文
摘要：1.style中需要作如下修改： <style> input::-webkit-input-placeholder { /* placeholder颜色 */ color: #aab2bd; /* placeholder字体大小 */ font-size: 12px; } </style> 2.HT
阅读全文
摘要：1、说明： 因为在placeholder不会解析html代码，所以用换行符 ＜br／＞和 /r/n 等都没有作用。我们可以用用转义字符代替＜br／＞。 2、转义字符： 表示回车 表示换行 <textarea id="txtRCName" runat="server" rows
阅读全文
摘要：第一中方法： 在子页面加载完毕的时候执行 parent.document.getElementById("iframe").height=0; parent.document.getElementById("iframe").height=document.body.scrollHeight; 第二
阅读全文
摘要：简介： 整个在浏览器的渲染过程中（页面初始化，用户行为改变界面样式，动画改变界面样式等）reflow(回流)和repaint(重绘) 会大大影响web性能，尤其是手机页面。因此我们在页面设计的时候要尽量减少reflow和repaint。 什么是reflow和repaint reflow：例如某个子元
阅读全文
摘要：1、创建新的 HTML 元素 (节点) - appendChild() 要创建新的 HTML 元素 (节点)需要先创建一个元素，然后在已存在的元素中添加它。 <div id="div1"> <p id="p1">这是一个段落。</p> <p id="p2">这是另外一个段落。</p> </div>
阅读全文
摘要：localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。 localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。 localStorage 属性是只读的。 如果你只想将数据保存在当前会话中，可以使用 s
阅读全文
