![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
dq_095
软件工程师一位
展开
-
HTML form表单提交 总结
HTML Form表单提交 总结 随着HTML5的兴起,前端越来越多样化,比如表单的提交,现在就有多种方式可以选择,下面总结一下常见的表单提交方式。一、最基本的表单提交。<!DOCTYPE html><html><head><meta charset="UTF-8"><title>表单提交示例 - 基本表单提交...原创 2018-09-04 13:20:27 · 1946 阅读 · 1 评论 -
jQuery实现 弹出层效果
jQuery实现 弹出层效果点击弹出层:弹出弹出层点击阴影:关闭弹出层点击“关闭”关闭弹出层 整体代码如下:&lt;!DOCTYPE html&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt; &lt;meta原创 2018-09-07 11:58:42 · 13601 阅读 · 0 评论 -
JavaScript实现动态增加文件域表单
<html><head> <title>动态添加表单元素</title></head><script language="javascript"> //全局变量,代表文件域的个数,并用该变量区分文件域的name属性 var file_count = 0; //增加文件 域原创 2018-09-17 21:22:45 · 807 阅读 · 0 评论 -
javascript实现的动态添加表单元素input,button等(appendChild)
<html > <head> <title>动态添加表单元素</title> </head> <script language="javascript"> function AddElement(mytype){ var mytype,TemO=document.getElementById(&q原创 2018-09-17 21:24:50 · 4614 阅读 · 0 评论 -
JS表单验证-12个常用的JS表单验证
JS表单验证-12个常用的JS表单验证表单验证,小编在项目完结后的这段时间把常用的JS表单验证demo整理了一下,和大家一起分享~~~1、长度限制<p>1. 长度限制</p><form name=a onsubmit="return test()"> <textarea name="b" cols="40" rows="原创 2018-09-13 15:02:30 · 4966 阅读 · 0 评论 -
动态添加/删除HTML元素
动态添加/删除HTML元素&lt;HTML&gt;&lt;HEAD&gt;&lt;title&gt;动态添加/删除HTML元素&lt;/title&gt;&lt;style type="text/css"&gt; .span_enable{ padding: 5px 3p原创 2018-09-18 19:58:12 · 5118 阅读 · 0 评论 -
html5 canvas文字标签云3D旋转动画特效
tagcanvas.min.js下载<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">&l...原创 2018-09-19 20:46:02 · 5540 阅读 · 1 评论 -
html + css 隐藏超出浏览器窗口的内容纵向内容
css 隐藏超出浏览器窗口的内容关键代码: html,body { width: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; }结果:浏览器没有水平的滚动条,只有纵向滚动条html,body { width: 100%; ...原创 2018-09-27 15:11:34 · 1283 阅读 · 0 评论 -
css a链接使用特效
a链接使用特效一:<div class="service_hot_wrapper_look_more"><a href="">查看全部</a></div>.service_hot_wrapper_look_more{ margin: 0 auto; margin-top: 0px; padding-bottom: 7px; ...原创 2018-09-29 14:56:44 · 878 阅读 · 0 评论 -
HTML,JS禁止鼠标右键、禁止全选、复制、粘贴的方法
HTML,JS禁止鼠标右键、禁止全选、复制、粘贴的方法禁止鼠标右键、禁止全选、复制、粘贴;oncontextmenu事件 禁用右键菜单;js代码:document.oncontextmenu = function(){ event.returnValue = false;}// 或者直接返回整个事件document.oncontextmenu = function(){ ...原创 2018-10-08 22:23:26 · 479 阅读 · 0 评论 -
纯CSS画三角形(带边框)
实例一:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> .find-d原创 2018-10-09 00:07:38 · 12068 阅读 · 0 评论 -
标题栏中小图标和文字垂直居中的解决办法
标题栏中小图标和文字垂直居中的解决办法top栏里经常会有图标和文字不对齐的状态 如下图所示 <div class="parent"> <i class="icon"></i> <span>中国</span></div> 效果如下: 处理代码.par原创 2018-09-12 20:06:20 · 1078 阅读 · 0 评论 -
meta 详解,html5 meta 标签日常设置
meta 详解,html5 meta 标签日常设置作者:JasNature 网址:https://www.cnblogs.com/NatureSex/p/4905142.html写的meta很全,很有 参考价值原创 2018-09-12 19:36:29 · 284 阅读 · 0 评论 -
移动端 meta 解释
移动端 meta 解释<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">name属性值 代表设备(电脑,平板,手机,tv,打印设备)content属性值 :...原创 2018-09-05 18:33:17 · 192 阅读 · 0 评论 -
Bmob 与 html 、javascript 结合 :做一个《时间轴日记》网页
时间轴日记时间轴日记 网址:http://120.78.191.175/timediary/ Bmob js 文档网址:http://doc.bmob.cn/data/wechat_app_new/index.html代码如下:<!DOCTYPE html><html><head> <title>时间轴日记</t...原创 2018-09-04 21:33:29 · 1304 阅读 · 1 评论 -
html5 移动端 手机端 Meta设置 总结如下:
1、强制让页面的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览。<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>2、 WebApp全屏模式 隐藏地址栏。...原创 2018-09-04 21:42:51 · 3969 阅读 · 0 评论 -
CSS3属性 transform详解之(旋转:rotate,缩放:scale,倾斜:skew,移动:translate)(附代码)
CSS3属性 transform详解之(旋转:rotate,缩放:scale,倾斜:skew,移动:translate) 在CSS3中,可以利用transform功能来实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形处理,本文将对此做详细介绍。一.旋转 rotate用法:transform: rotate(45deg); 共一个参数“角度”,单位deg为度的意思...原创 2018-09-04 22:32:59 · 18199 阅读 · 0 评论 -
html5/css3 响应式布局介绍 及 设计流程
html5/css3 响应式布局介绍 利用css3的media query媒体查询功能。 移动终端一般都是对css3支持比较好的高级浏览器不需要考虑响应式布局的媒体查询media query兼容问题 一个普通的自适应显示的三栏网页,当你用不同的终端来查看这个页面的时候,他会根据几种终端来显示不同的样式,在电脑上是三列,在pad上应该也是 三列,在大屏手机上是三行,在屏幕...原创 2018-09-04 23:33:58 · 374 阅读 · 0 评论 -
CSS3 : target伪类 实现Tab切换效果
CSS3 : target伪类 实现Tab切换效果 本Tab切换效果纯CSS3制作,无任何JavaScript<!DOCTYPE html><html><head> <title></title> <style type="text/css"> .tablist {原创 2018-09-04 23:49:25 · 486 阅读 · 0 评论 -
边框阴影
边框阴影 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>drop-shadows</title> <style> body原创 2018-09-04 23:59:40 · 445 阅读 · 0 评论 -
CSS3 边框圆角 展示示例(附代码)
边框圆角 展示示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS3 边框</title> <style> body, ul,原创 2018-09-05 12:20:28 · 2482 阅读 · 0 评论 -
页面添加锚点 的 三种方式
HTML中的链接,正确的说法应该称作”锚点“,它命名锚点链接(也叫书签链接)常常用于那些内容庞大繁琐的网页, 通过点击命名锚点,不仅让我们能指向文档,还能指向页面里的特定段落,更能当作”精准链接”的便利工具,让链接对象接近焦点。便于浏览者查看网页内容。 类似于我们阅读书籍时的目录页码或章回提示。在需要指定到页面的特定部分时,标记锚点是最佳的方法。 锚点链接对...原创 2018-09-05 12:34:15 · 1938 阅读 · 0 评论 -
利用 @media screen 实现网页布局的自适应,@media screen and
利用 @media screen 实现网页布局的自适应,@media screen and开始研究响应式web设计,CSS3 Media Queries是入门。Media Queries 其作用就是允许添加表达式用以确定媒体的环境情况,以此来应用不同的样式表。 换句话说,其允许我们在不改变内容的情况下,改变页面的布局以精确适应不同的设备。 那么,Media Q...原创 2018-09-05 14:57:50 · 80158 阅读 · 1 评论 -
移动HTML5 前端性能优化指南
PC优化手段在Mobile侧同样适用 在Mobile侧我们提出三秒钟渲染完成首屏指标 基于第二点,首屏加载3秒完成或使用Loading 基于联通3G网络平均338KB/s(2.71Mb/s),所以首屏资源不应超过1014KB Mobile侧因手机配置原因,除加载外 渲染速度也是优化重点 基于第五点,要合理处理代码 减少渲染损耗 基于第二、第五点,所有影响首屏加载...原创 2018-09-05 18:12:00 · 183 阅读 · 0 评论 -
实现input密码框显示/隐藏的功能
实现input密码框显示/隐藏的功能&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="text/css"&gt;原创 2018-10-10 22:30:17 · 32259 阅读 · 0 评论