脚本

百度地图

由 ￣綄美尐妖づ 提交于 2020-01-03 03:59:52
百度地图资源： http://lbsyun.baidu.com/index.php?title=jspopular3.0 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> html, body, #map { width: 100%; height: 100%; } </style> </head> <body> <div id="map"> </div> <div id="results"> </div> </body> </html> <!-- 异步 --> <!-- <script> function init() { var mp = new BMap.Map('map'); mp.centerAndZoom(new BMap.Point(113.75891, 34.73523), 18); } function loadScript() { var script = document

HighCharts使用心得

由 拈花ヽ惹草 提交于 2020-01-01 21:30:11
前言： 之前很早的一个项目中使用过highcharts，感觉挺方便的，图表类型也比较丰富，而且还支持数据的下钻，但是如果投入商业使用的话还会有一些 版权的问题，所以后来就使用了EChart，这是百度开发的一个开源的图表插件，图表类型也很丰富，而且还有交互，对地图的支持也很好，可以免费的使用。 在之前的一篇文章里，已经总结过了，今天主要跟大家分享一下，之前总结的Highcharts的一些使用心得，希望能够对大家有所帮助。 1. 准备工作------下载HighCharts插件 跟ECharts一样，HighCharts也需要下载相应的插件，不过HightCharts的插件很简单，只有一个highcharts.js文件。可以从HighCharts官网上下载，具体地址如下： http://www.highcharts.com/download 另注： 如果需要导出图表，则需要exporting.js文件 如果需要一些特殊的图形呈现，则还需要下载highcharts-more.js 2. 新建一个解决方案或网站，引用下载的highcharts.js文件，进行图表展示。 在这个过程中，我会逐步的跟大家讲解如何使用highcharts.js进行图表展示。 2.1 新建解决方案（或网站），目录结构如下 另注： 一般情况下如果不需要导出图片、且只使用常规的图形，exportting

js 动态添加 外部js css 到head标签

由 爷，独闯天下 提交于 2020-01-01 19:51:09
function appendJQCDN() { var head = document.head || document.getElementsByTagName('head')[0]; var script = document.createElement('script'); var style = document.createElement('style'); script.setAttribute("src", "https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"); style.innerHTML = ''; head.appendChild(script); head.appendChild(style); } 动态添加 js function loadScript(url, callback) { var script = document.createElement("script"); script.type = "text/javascript"; if (typeof (callback) != "undefined") { if (script.readyState) { script.onreadystatechange = function () { if (script.readyState =

ASP.NET 中使用 Plupload 上传图片

由 我们两清 提交于 2020-01-01 03:20:22
最近弄项目需要一个异步的图片上传图片组件，首先选择了 swfupload，但是在使用中发现火狐下莫名其妙的会丢失 Session（不使用 global.asax 的情况下，没有找到完美的解决方案），后来找到了 Plupload，便去了解了一下。 Plupload官网： http://www.plupload.com 它是一个开源组件！功能的确很强大！ 它主要功能是多文件上传，并提供图片客户端尺寸压缩。主要的特色是可以使用 Flash Gears HTML 5 Silverlight BrowserPlus HTML 4 等多项技术实现！ 官网上的实例是用php写的，后来在 http://www.cnblogs.com/zjfree/archive/2010/12/27/1918400.html 找到了.net版的，我根据自己的需求做了些调整，美化了一下界面样式，调整了js代码，自己写了后台代码。 这是我参考了swfupload上传之后在页面上显示缩略图的效果图。 HTML代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org

Bootstrap <基础五>表格

由 萝らか妹 提交于 2020-01-01 00:13:03
原文: Bootstrap <基础五>表格 Bootstrap 提供了一个清晰的创建表格的布局。下表列出了 Bootstrap 支持的一些表格元素： 标签 描述 <table> 为表格添加基础样式。 <thead> 表格标题行的容器元素（<tr>），用来标识表格列。 <tbody> 表格主体中的表格行的容器元素（<tr>）。 <tr> 一组出现在单行上的表格单元格的容器元素（<td> 或 <th>）。 <td> 默认的表格单元格。 <th> 特殊的表格单元格，用来标识列或行（取决于范围和位置）。必须在 <thead> 内使用。 <caption> 关于表格存储内容的描述或总结。 表格类 下表样式可用于表格中： 类 描述 .table 为任意 <table> 添加基本样式 (只有横向分隔线) .table-striped 在 <tbody> 内添加斑马线形式的条纹 ( IE8 不支持) .table-bordered 为所有表格的单元格添加边框 .table-hover 在 <tbody> 内的任一行启用鼠标悬停状态 .table-condensed 让表格更加紧凑 联合使用所有表格类 <tr>, <th> 和 <td> 类 下表的类可用于表格的行或者单元格： 类 描述 .active 将悬停的颜色应用在行或者单元格上 .success 表示成功的操作 .info 表示信息变化的操作

bootstrap -- css -- 表格

由 北慕城南 提交于 2020-01-01 00:12:42
Bootstrap 表格 Bootstrap 提供了一个清晰的创建表格的布局。下表列出了 Bootstrap 支持的一些表格元素： 标签 描述 <table> 为表格添加基础样式。 <thead> 表格标题行的容器元素（<tr>），用来标识表格列。 <tbody> 表格主体中的表格行的容器元素（<tr>）。 <tr> 一组出现在单行上的表格单元格的容器元素（<td> 或 <th>）。 <td> 默认的表格单元格。 <th> 特殊的表格单元格，用来标识列或行（取决于范围和位置）。必须在 <thead> 内使用。 <caption> 关于表格存储内容的描述或总结。 表格类 下表样式可用于表格中： 类 描述 实例 .table 为任意 <table> 添加基本样式 (只有横向分隔线) 尝试一下 .table-striped 在 <tbody> 内添加斑马线形式的条纹 ( IE8 不支持) 尝试一下 .table-bordered 为所有表格的单元格添加边框 尝试一下 .table-hover 在 <tbody> 内的任一行启用鼠标悬停状态 尝试一下 .table-condensed 让表格更加紧凑 尝试一下 . table-responsive 让表格水平滚动以适应小型设备（小于 768px）。当在大于 768px 宽的大型设备上查看时，您将看不到任何的差别。 联合使用所有表格类

Bootstrap_表格

由 为君一笑 提交于 2020-01-01 00:12:27
Bootstrap 表格 Bootstrap 提供了一个清晰的创建表格的布局。下表列出了 Bootstrap 支持的一些表格元素： 标签 描述 <table> 为表格添加基础样式。 <thead> 表格标题行的容器元素（<tr>），用来标识表格列。 <tbody> 表格主体中的表格行的容器元素（<tr>）。 <tr> 一组出现在单行上的表格单元格的容器元素（<td> 或 <th>）。 <td> 默认的表格单元格。 <th> 特殊的表格单元格，用来标识列或行（取决于范围和位置）。必须在 <thead> 内使用。 <caption> 关于表格存储内容的描述或总结。 表格类 下表样式可用于表格中： 类 描述 实例 .table 为任意 <table> 添加基本样式 (只有横向分隔线) 尝试一下 .table-striped 在 <tbody> 内添加斑马线形式的条纹 ( IE8 不支持) 尝试一下 .table-bordered 为所有表格的单元格添加边框 尝试一下 .table-hover 在 <tbody> 内的任一行启用鼠标悬停状态 尝试一下 .table-condensed 让表格更加紧凑 尝试一下 联合使用所有表格类 尝试一下 <tr>, <th> 和 <td> 类 下表的类可用于表格的行或者单元格： 类 描述 实例 .active 将悬停的颜色应用在行或者单元格上 尝试一下

Bootstrap 学习（1）

由 最后都变了- 提交于 2020-01-01 00:12:00
http://www.cnblogs.com/0201zcr/p/4900062.html 简介 　　Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。 Bootstrap 包的内容 基本结构 ：Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。这将在 Bootstrap 基本结构 部分详细讲解。 CSS ：Bootstrap 自带以下特性：全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class，以及一个先进的网格系统。这将在 Bootstrap CSS 部分详细讲解。 组件 ：Bootstrap 包含了十几个可重用的组件，用于创建图像、下拉菜单、导航、警告框、弹出框等等。这将在 布局组件 部分详细讲解。 JavaScript 插件 ：Bootstrap 包含了十几个自定义的 jQuery 插件。您可以直接包含所有的插件，也可以逐个包含这些插件。这将在 Bootstrap 插件 部分详细讲解。 定制 ：您可以定制 Bootstrap 的组件、LESS 变量和 jQuery 插件来得到您自己的版本。 下载 Bootstrap 您可以从 http://getbootstrap.com/ 上下载 Bootstrap

jQuery与HTML

由 試著忘記壹切 提交于 2019-12-31 23:42:06
1、获得内容 - text()、html() 以及 val() 三个简单实用的用于 DOM 操作的 jQuery 方法： text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容（包括 HTML 标记） val() - 设置或返回表单字段的值 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <script type="text/javascript" src="jquery-3.2.1.min.js"></script> 5 <script type="text/javascript"> 6 $(document).ready(function(){ 7 $("#bton1").click(function(){ 8 alert($("p").html()); 9 }); 10 }); 11 </script> 12 </head> 13 14 <body> 15 <p>hhh<br>hh</p> 16 <button id="bton1" type="button">click here</button> 17 </body> 18 </html> View Code val: <!DOCTYPE html> <html> <head> <script type="text/javascript" src=

jQuery的dom操作

由 只愿长相守 提交于 2019-12-31 14:13:16
三 dom操作 1.查询 利用选择器找到节点后，访问节点的html内容，节点的text内容， 节点的值，节点的属性值 html():访问节点的html内容，相当于dom节点的innerHTML属性 text():访问节点text的内容，相当于innerText属性 val():访问节点的值,如下拉列表的值 attr():输出或者设置节点的属性值 例子: <html> <!-- 查询 --> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="../js/jquery-1.4.3.js"></script> <script type="text/javascript"> function f1(){ //alert($('#d1').html()); //alert($('#d1').text()); $('#d1').html('hello java'); } function f2(){ //alert($(':text').val()); $(':text').val('zs'); } function f3(){ //alert($('#d1'
订阅 脚本