Computer
①个程序员
这个作者很懒,什么都没留下…
展开
-
HTML弹出层
前几天写了一个弹出层,特此纪念:<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> #login { display:none; ...原创 2019-08-06 15:11:22 · 4774 阅读 · 1 评论 -
鼠标点击处出现DIV
有时候根据需要在鼠标点击处出现一个可操作的div:<html><head> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script><script type="text/javascript">function s...原创 2019-08-06 16:00:58 · 1669 阅读 · 0 评论 -
javascript 动态循环构造Json键值对
var json={};for (var i = 0; i < 10; i++) { json[i.toString()]=i.toString(); }var a = JSON.stringify(json);console.log(a);输出结果如下:重要的就是这一句:json[i.toString()]=i.t...原创 2019-08-08 23:45:17 · 437 阅读 · 0 评论 -
最简单的鼠标悬停文字详情
<html><head></head><body> <div style="height:130px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;width: 200px;border: 1px solid #757584;" title="这...原创 2019-08-06 20:19:49 · 223 阅读 · 0 评论 -
原生javascript实现Html动态添加新的div等元素
利用鼠标点击事件生成新的元素,适用于动态添加表单等。<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title></head><body><div id="div1" oncli...原创 2019-08-07 13:18:44 · 7231 阅读 · 0 评论 -
HTML遍历某个元素下的子元素
通过document.getElementsByClassName("s1");或document.getElementsByName("s1")返回的是一个集合myCollection ,这是需要遍历某个元素下子元素的方法。(由于水平有限,所写的都是直接可运行的demo)<!DOCTYPE html><html><head><meta char...原创 2019-08-07 13:29:51 · 4300 阅读 · 0 评论 -
HTML如何使两个div在同一行
让两个div标签在同一行,需两个div的样式加上style="display: inline;" 记得两个都要加,因为块级元素前后都有换行符。<html><head> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script></...原创 2019-08-07 15:12:31 · 15482 阅读 · 0 评论 -
HTML的position定位理解
HTML的position定位有5种属性。1、static 定位:没有定位,遵循文档流等先后顺序。2、fixed 定位:固定到当前浏览器窗口位置,用top:20px;right:30px;等属性进行控制,固定在浏览器窗口距上边20像素,右边30像素的位置。3、relative定位:相对于它正常位置的轻微距离平移,position:relative; left:-20px;相对与没有定位...原创 2019-08-07 15:36:34 · 1620 阅读 · 0 评论 -
z-index失效难以走出的巨坑
浅说position定位及z-index使用(才疏学浅,请多指教)1、Z-index的运用是需要条件的,与其相关的属性就是position属性,使用前提 z-index只能在position属性值为relative或absolute或fixed的元素上有效。Z-index:值 描述 auto 默认。和文档流一个层级,不产生堆叠上下文。 number 设置元素的...原创 2019-08-07 17:40:08 · 274 阅读 · 0 评论