html+css - 随笔分类 - F4ntasy

判断input file 里面的图片是否为空，并把file图片文件显示在另一个地方

摘要：var eleFile = document.querySelector('#file_1'); eleFile.addEventListener('change', function() { var file = this.files[0]; // 确认选择的文件是图片 if(file.type.indexOf("image") == 0) { var reader = new FileRead 阅读全文

posted @ 2019-09-02 11:00 F4ntasy 阅读(439) 评论(0) 推荐(0)

vue笔记

摘要：1.v-cloak:避免插值闪烁 v-text v-html v-bind缩写: v-on(绑定事件)缩写@2. v-on:click.stop="show" .stop防止冒泡（从内向外冒泡时外层的被阻止）3.v-on:click.prevent="show" .prevent阻止默认行为例如a标阅读全文

posted @ 2019-06-12 16:33 F4ntasy 阅读(130) 评论(0) 推荐(0)

jQuery遍历表格并求和

摘要：所求和为第三列和第四列乘积的总和 $("tr td:nth-child(3)").each(function(i){ var abc=parseInt($(this).html().replace("$","")) //alert(abc);$("tr td:nth-child(4)").each( 阅读全文

posted @ 2019-05-31 09:33 F4ntasy 阅读(848) 评论(0) 推荐(0)

html读取xml文件

摘要：var ajax = false; window.onload = function(){ if(window.XMLHttpRequest){ ajax = new XMLHttpRequest(); } else if(window.ActiveXobject){ try { ajax = ne 阅读全文

posted @ 2019-05-31 09:30 F4ntasy 阅读(1083) 评论(0) 推荐(0)

flex 布局

摘要：布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持阅读全文

posted @ 2018-03-21 14:08 F4ntasy 阅读(260) 评论(0) 推荐(0)

marquee标签的使用

摘要：marquee语法 <marquee></marquee>实例一<marquee>Hello, World</marquee>marquee常用到的两个事件：onMouseOut="this.start()" 当鼠标移出该区域时onMouseOver="this.stop()" 当鼠标移入该区域时实阅读全文

posted @ 2017-06-05 14:36 F4ntasy 阅读(268) 评论(0) 推荐(0)

简单的轮播样式

摘要：<html><head><title>图片轮播代码</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-s 阅读全文

posted @ 2017-06-05 14:20 F4ntasy 阅读(253) 评论(0) 推荐(0)

F4ntasy

随笔分类 - html+css

公告