自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

  • 博客(35)
  • 收藏
  • 关注

转载 JS插件:ECharts-数据图表化-事件

主要内容:tooltip.formatter / events.legendselectchanged一、折线图echart官网1. 先引入:echarts.common.min.js /或者: echarts.js2. 为ECharts准备一个具备大小的DIV容器3. js:设置参数初始化图表1 <head>2 &l...

2019-01-04 11:39:00 208

转载 JS插件:ECharts-数据图表化

一、官网官网: http://www.echartsjs.com/上手:http://www.echartsjs.com/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts二、例子实例:1. 先引入:echarts.common.min.js /或者: ech...

2018-12-19 14:23:00 251

转载 JS:上传时图片预览(input:type="file" :)

一、准备工作1.默认素材:Img_add.png2 使用window.FileReader :预览二、以默认图片覆盖input:type="file"元素。浏览图片,实现预览<!doctype html><html><head> <meta charset="utf-8"> &lt...

2018-12-19 14:08:00 186

转载 不足几位数:前面补零

jsfunction PrefixInteger(num, length) { return (Array(length).join('0') + num).slice(-length);}function PrefixInteger(num){return ('000000000'+num).slice(-10);}fun...

2018-11-30 13:53:00 307

转载 C#:读取html模板文件,并替换修改文件中指定值,保存为修改后的文件

1.准备html模板文件:Pages/Device/DeviceModel8.html2 using System.IO:读取文件内容,并替换指定内容 Div1.InnerHtml = ""; Stream myStream = new FileStream(HttpContex...

2018-11-30 13:52:00 529

转载 Js:返回上一页

一、返回上一页 document.referrer function backPage() { //window.history.back(-1) //返回上一页 if (document.referrer != '') { window.location.href = ...

2018-09-10 17:05:00 128

转载 select设置选中项/select的级联

一、selected="selected" HTML通过<select>的属性来设置选中项,此方法也可以在动态语言在后台根据需要控制输出结果。<select ID='sel' class="form-control width150"> <option value="1">开启</option> <opt...

2018-09-10 16:59:00 487

转载 js闭包

一、闭包闭包:如果一个函数访问了它的外部变量,那么它就是一个闭包特点:1是函数。 2.该函数有权访问另一个函数作用域内的变量 。二、举例: function foo(x) { var tmp = 3; return function (y) { ...

2018-09-04 11:53:00 87

转载 bootstrap - switch的初始化和监听事件

一、Bootstrap Switch 选择框开关控制依赖于Bootstrap的一款轻量级插件,可以给选择框设置类似于开关的样式二、使用时注意初始化:js初始化: $('[class="form-control switch-open"]').bootstrapSwitch({ size: 'small', ...

2018-09-04 11:43:00 371

转载 My97DatePicker使用 、layDate 日期与时间组件

一、My97DatePicker官方:http://www.my97.net/<head> <meta charset="UTF-8"> <title>Bootstrap介绍</title> <link rel="stylesheet" href="css/bootstrap.min.c...

2018-07-09 17:23:00 152

转载 Ajax:js读取txt内容(json格式内容)

一.txt内容1.Controls/listStr.txt:[ { "id":1, "pId":-1, "name":"XX项目", "open":true }, { "id":1122, "pId":1, "name":...

2018-07-09 17:09:00 382

转载 HTML/JS单引号—双引号

前言:單引號雙引號最近遇到一個問題:在C#後台生成前端HTML代碼時,html裡面行間js的單引號雙引號的使用有遇到错误。解決如下(部分代碼):C#  &apos; 1 DataRow row = dt.Rows[i];2 string matnr = row[arrColName[0...

2018-03-01 09:12:00 94

转载 js 回到頂部

一、JQ实现布局 、 滚动条长度到达某个值时出现‘返回顶部’、点击实现1 <div class="go-top" onclick=" scrolTolTop('0px', 300)" style=" position: fixed;z-index:9;2 bottom: 50px;3 right: 10px;4 backgro...

2017-01-24 16:34:00 76

转载 AJAX - 原生js 简单使用

1.post方式HTML :<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><script> ...

2016-09-23 15:11:00 122

转载 JSON格式的属性访问 - 点号或者中括号

1. json格式-访问Json属性名、属性值 <script> //JSON格式的attr访问 - 点号或者中括号 -注意:中括号里面可以放变量 var imgData={ "name":"图片描述和图片相对路径", "title":"logo图片","url":"logo.png" }; alert( imgData.name ); ...

2016-09-19 16:21:00 271

转载 css实现实现图片切换——使用a标签做锚点+overflow:hidden实现

一.a标签设置锚点1、使用id定位:<a href="#fifth">锚点跳到5F</a><p style="height: 1300px"> 中间有很多内容</p><div id="fifth" style="height: 1300px"> 这里是5F的内容</div&gt...

2016-09-02 11:08:00 521

转载 css3之3d变形transform - 立方体效果

1. 立方体的上下: .cubeBottom{ transform: rotateX(90deg) ; transform-origin:center bottom ; /* :绕x旋转,主要确定y的高度 : right bottom , 1px 300px, 2px 300px,.. 100...

2016-09-01 17:01:00 488

转载 Jqury 相册查看照片

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> /* reset css 样式重置 */ ...

2016-08-26 16:57:00 78

转载 JavaScript 指定内容在某区域里面 滚动

1 js: 父元素.scrollLeft ++;<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{...

2016-08-25 20:23:00 297

转载 Jqury 左侧导航 :当滚动条滑到下面具体内容的时候出现导航请.active与内容对应...

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> ...

2016-08-25 20:07:00 125

转载 JavaScript 图片放大看!- 放大镜效果 -鼠标放在图片上某个点:出现放大效果的图片...

1张图片-放大镜:缺点:1张图片若为小图,小图放大后图像不清晰(若为大图,则不存在这个问题)<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title> 1张图片 放大镜:</title>...

2016-08-25 19:48:00 216

转载 Jqury元素.get(0)转换为JavaScript元素 -时间倒计时

html+css布局:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title> 倒计时2</title> <style> /* reset css ...

2016-08-25 18:18:00 167

转载 JavaScript 图片轮播 jqury图片轮播

html+css<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> /* reset css ...

2016-08-24 19:45:00 81

转载 冒泡现象和阻止事件冒泡2

冒泡现象:触发某元素的某个时间触发其父级元素的对应时间,从元素本身向上冒泡到Dom顶层<body><div id="div1"> <div id="div2"> <div id="div3"></div> </div></div><sc...

2016-08-23 18:42:00 115

转载 冒泡现象和阻止事件冒泡 1

冒泡现象:触发某元素的某个时间触发其父级元素的对应时间,从元素本身向上冒泡到Dom顶层事件冒泡与阻止事件冒泡<head lang="en"> <meta charset="UTF-8"> <title> 冒泡现象</title> <style> *{ ...

2016-08-23 17:17:00 92

转载 Jqury 拖拽div

//点击拖拽div在document——($(document) )上移动: 1定位(left ,top)2.根据鼠标在document上的动态坐标,得到div新的动态left、top的属性值js: <script src="../jquery-3.0.0.js"></script> <script> ...

2016-08-23 16:39:00 84

转载 css 多行文字超出部分省略号 一行文字超出部分省略号

1. <!-- 多行文字超出宽度部分省略号: 显示文字行数 隐藏多余的 文本多余显示省略号text-overflow:ellipsis)-->html:<div class="con" > <div id="div1" > 1 hello world!这是我内容的超出三行省略号显示!2hello worl...

2016-08-23 15:28:00 131

转载 Jqury 块在window窗口居中

1.块在父容器里居中常用方法—— position: absolute; left: 50%; top: 50%; margin-left: -250px; margin-top: -200px; width: 500px...

2016-08-22 18:45:00 88

转载 Jqury 初识 -jqury选择元素 、 $()下的常用方法

一.前言:认识jquryjqury:jQuery是一个兼容多浏览器的javascript库,提供了大量实用方法,简化了js操作。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器$( function(){ ... }): 加载完执行注意:使用jq注意先引入jq库。jq库的版本1(兼容低、高级浏览器) 版本2(兼容高级浏览器)。选择元...

2016-08-22 18:20:00 240

转载 JavaScript Dom操作-增删改节点2 - 实例

html<body><div id="div1"class="div1 none" style="display: none"></div><div id="div2" class="div2 none" style="display: none"> <input type="text" na...

2016-08-16 19:46:00 79

转载 JavaScript Dom操作-增删改节点1

一、Dom操作文档对象模型DOM:一套定义、规范、准则 为了能够让程序JavaScript去操作页面中的元素节点而定义的一套标准DOM会把文档看作是一棵树,页面中的每个元素就是树上的一个一个节点;同时DOM定义了很多方法、属性等来操作这棵树中的每一个元素(节点)——每个节点称为DOM节点。1. 节点.children —— (没有兼容性问题:只包含元素节...

2016-08-16 19:34:00 74

转载 JavaScript 图片轮播

  一、布局 <style> .container{ position: relative; width: 500px; height: 180px; margin:100px auto; } .cont...

2016-08-16 18:52:00 59

转载 JavaScript select 级联操作

 var s1= document.getElementById("s1") ; var s2= document.getElementById("s2") ; var schoolTerm =["第一学期","第二学期","第三学期","第四学期","第五学期"]; var content=[ ["html","css"...

2016-08-15 21:10:00 133

转载 JavaScript 拖拽div : ev.clientX

//鼠标拖动div1:鼠标按住div,在document上拖动var oDiv=document.getElementById('div1');var disX=0;var disY=0;oDiv.onmousedown=function(ev){ var oEvent=ev||event; disX=oEvent.clientX-oDiv...

2016-08-15 21:07:00 231

转载 JavaScript 字符串方法之 substr、 substring、 slice

1.字符串的substr(startIndex,num)方法:开始下标,字符个数// (第一个参数起始下标,(1)为负值时,视作length+负值,(2)超过最大下标时找不到多余字符)// (第二个参数字符个数,(1)为负值视作0,即从指定开始下标开始,找0个字符,(2)超过字符串下标时找不到多余字符) var s="abcde01234xyz"; console.l...

2016-08-12 15:23:00 110

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除