bairan9926-CSDN博客

转载 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# 　' 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. 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