- 博客(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
211
转载 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
253
转载 JS:上传时图片预览(input:type="file" :)
一、准备工作1.默认素材:Img_add.png2 使用window.FileReader :预览二、以默认图片覆盖input:type="file"元素。浏览图片,实现预览<!doctype html><html><head> <meta charset="utf-8"> <...
2018-12-19 14:08:00
189
转载 不足几位数:前面补零
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
312
转载 C#:读取html模板文件,并替换修改文件中指定值,保存为修改后的文件
1.准备html模板文件:Pages/Device/DeviceModel8.html2 using System.IO:读取文件内容,并替换指定内容 Div1.InnerHtml = ""; Stream myStream = new FileStream(HttpContex...
2018-11-30 13:52:00
535
转载 Js:返回上一页
一、返回上一页 document.referrer function backPage() { //window.history.back(-1) //返回上一页 if (document.referrer != '') { window.location.href = ...
2018-09-10 17:05:00
130
转载 select设置选中项/select的级联
一、selected="selected" HTML通过<select>的属性来设置选中项,此方法也可以在动态语言在后台根据需要控制输出结果。<select ID='sel' class="form-control width150"> <option value="1">开启</option> <opt...
2018-09-10 16:59:00
500
转载 js闭包
一、闭包闭包:如果一个函数访问了它的外部变量,那么它就是一个闭包特点:1是函数。 2.该函数有权访问另一个函数作用域内的变量 。二、举例: function foo(x) { var tmp = 3; return function (y) { ...
2018-09-04 11:53:00
88
转载 bootstrap - switch的初始化和监听事件
一、Bootstrap Switch 选择框开关控制依赖于Bootstrap的一款轻量级插件,可以给选择框设置类似于开关的样式二、使用时注意初始化:js初始化: $('[class="form-control switch-open"]').bootstrapSwitch({ size: 'small', ...
2018-09-04 11:43:00
378
转载 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
154
转载 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
385
转载 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
98
转载 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
79
转载 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
125
转载 JSON格式的属性访问 - 点号或者中括号
1. json格式-访问Json属性名、属性值 <script> //JSON格式的attr访问 - 点号或者中括号 -注意:中括号里面可以放变量 var imgData={ "name":"图片描述和图片相对路径", "title":"logo图片","url":"logo.png" }; alert( imgData.name ); ...
2016-09-19 16:21:00
277
转载 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>...
2016-09-02 11:08:00
524
转载 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
494
转载 Jqury 相册查看照片
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> /* reset css 样式重置 */ ...
2016-08-26 16:57:00
79
转载 JavaScript 指定内容在某区域里面 滚动
1 js: 父元素.scrollLeft ++;<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{...
2016-08-25 20:23:00
298
转载 Jqury 左侧导航 :当滚动条滑到下面具体内容的时候出现导航请.active与内容对应...
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> ...
2016-08-25 20:07:00
127
转载 JavaScript 图片放大看!- 放大镜效果 -鼠标放在图片上某个点:出现放大效果的图片...
1张图片-放大镜:缺点:1张图片若为小图,小图放大后图像不清晰(若为大图,则不存在这个问题)<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title> 1张图片 放大镜:</title>...
2016-08-25 19:48:00
218
转载 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
172
转载 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
84
转载 冒泡现象和阻止事件冒泡2
冒泡现象:触发某元素的某个时间触发其父级元素的对应时间,从元素本身向上冒泡到Dom顶层<body><div id="div1"> <div id="div2"> <div id="div3"></div> </div></div><sc...
2016-08-23 18:42:00
118
转载 冒泡现象和阻止事件冒泡 1
冒泡现象:触发某元素的某个时间触发其父级元素的对应时间,从元素本身向上冒泡到Dom顶层事件冒泡与阻止事件冒泡<head lang="en"> <meta charset="UTF-8"> <title> 冒泡现象</title> <style> *{ ...
2016-08-23 17:17:00
97
转载 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
89
转载 css 多行文字超出部分省略号 一行文字超出部分省略号
1. <!-- 多行文字超出宽度部分省略号: 显示文字行数 隐藏多余的 文本多余显示省略号text-overflow:ellipsis)-->html:<div class="con" > <div id="div1" > 1 hello world!这是我内容的超出三行省略号显示!2hello worl...
2016-08-23 15:28:00
136
转载 Jqury 块在window窗口居中
1.块在父容器里居中常用方法—— position: absolute; left: 50%; top: 50%; margin-left: -250px; margin-top: -200px; width: 500px...
2016-08-22 18:45:00
92
转载 Jqury 初识 -jqury选择元素 、 $()下的常用方法
一.前言:认识jquryjqury:jQuery是一个兼容多浏览器的javascript库,提供了大量实用方法,简化了js操作。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器$( function(){ ... }): 加载完执行注意:使用jq注意先引入jq库。jq库的版本1(兼容低、高级浏览器) 版本2(兼容高级浏览器)。选择元...
2016-08-22 18:20:00
242
转载 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
81
转载 JavaScript Dom操作-增删改节点1
一、Dom操作文档对象模型DOM:一套定义、规范、准则 为了能够让程序JavaScript去操作页面中的元素节点而定义的一套标准DOM会把文档看作是一棵树,页面中的每个元素就是树上的一个一个节点;同时DOM定义了很多方法、属性等来操作这棵树中的每一个元素(节点)——每个节点称为DOM节点。1. 节点.children —— (没有兼容性问题:只包含元素节...
2016-08-16 19:34:00
79
转载 JavaScript 图片轮播
一、布局 <style> .container{ position: relative; width: 500px; height: 180px; margin:100px auto; } .cont...
2016-08-16 18:52:00
62
转载 JavaScript select 级联操作
var s1= document.getElementById("s1") ; var s2= document.getElementById("s2") ; var schoolTerm =["第一学期","第二学期","第三学期","第四学期","第五学期"]; var content=[ ["html","css"...
2016-08-15 21:10:00
139
转载 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
235
转载 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
114
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人