sunqian_happy的博客

关于Highcharts的详细情况，在另一篇文章中有介绍。这篇主要介绍如何利用插件下载excel文件。插件：script src="http://code.highcharts.com/highcharts.js">script>script src="http://code.highcharts.com/modules/exporting.js">script>script sr

Highcharts 是一个用纯 JavaScript 编写的一个图表库， 能够很简单便捷的在 Web 网站或是 Web 应用程序添加有交互性的图表，并且免费提供给个人学习、个人网站和非商业用途使用。Highcharts 支持的图表类型有直线图、曲线图、区域图、柱状图、饼状图、散状点图、仪表图、气泡图、瀑布流图等多达 20 种图表，其中很多图表可以集成在同一个图形中形成混合图。

因为在项目中遇到一个问题，即需要在移动端页面上滑动滑块，实现在弧形的线条上调节数值的大小。一时找不到合适的的办法，终于发现一个jQuery的插件可以完美的解决这个问题，真是帮了我的大忙。roundslider是一个jQuery插件，允许用户通过拖动滑块手柄来选择值或值的范围。这是他的官网截图：弧形的控件样式很多，也可以根据自己的实际需求更改样式。当然他也支持事件的处

具体代码如下：背景设置为透明，其中的文字不透明*{ padding: 0; margin: 0;}body{ padding: 50px; background: url(img/bg.png) 0 0 repeat;}.demo{ padding: 25px; background-color: rgba(0,0,0,0.5);/* I

在jQuery中可以使用2种方法来判断一个元素是否包含一个确定的类(class)。两种方法有着相同的功能。2种方法如下：1.           is(‘.classname’)2.           hasClass(‘classname’)以下是一个div元素是否包含一个redColor的例子：1. 使用is(‘.classname’)的方法$('di

页面滚动动态加载数据,页面下拉自动加载内容相信很多人都见过瀑布流图片布局，那些图片是动态加载出来的，效果很好，对服务器的压力相对来说也小了很多 ，有手机的相信都见过这样的效果：进入qq空间，向下拉动空间，到底部时，会动态加载剩余的说说或者是日志 。他的实现思路和js控制动态加载的代码：下面的代码主要是控制滚动条下拉时的加载事件的，在下面代码说明处，写上你的操作即可，无论是加

jquery中attr和prop的区别在高版本的jQuery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？这些问题就出现了。关于它们两个的区别，网上的答案很多。这里谈谈我的心得，我的心得很简单：对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方

一．线性渐变HTML5 中 CSS3 背景渐变功能，主要有两种渐变方式：线性渐变和径向（放射性）渐变。 CSS3 提供了 linear-gradient 属性实现背景颜色的渐变功能。在以前，这种效果必须采用图片才能实现的。首先，我们先看一下它的样式表，如下：属性值linear-gradient(方位, 起始色, 末尾色)方位可

jQuery对checkbox的一些操作，比如选中，全选，反选，全不选等，通常我们会用到attr来改变checkbox的checked属性，然而通过实际测试，会出现各种小问题，例如第一次成功，第二次就不成功，调试也调不出来，说白了就是第二次的是attr方法未起到效果。经过查阅文档资料，最终确定使用prop 方法能彻底解决此问题，代码如下：function countCheckbox() {//

什么是SVG格式？  SVG可以算是目前比较火的图像文件格式了，它的英文全称为Scalable Vector Graphics，意思为可缩放的矢量图形。它是基于XML（Extensible Markup Language），由World Wide Web Consortium（W3C）联盟进行开发的。严格来说应该是一种开放标准的矢量图形语言，可让你设计激动人心的、高分辨率的Web图形页面。

采用了两张图片给两张图片设定相应的尺寸，最后显示在不同位置，最终实现放大效果。第一种是仿照淘宝购物页面的一个放大镜效果，当鼠标移动到商品图片上时，图片上会出现一个矩形区域，而这个区域就是你要放大的区域，然后商品图片的右侧会出现一个放大后的商品图片。这种放大方式只需要你计算好放大的比例，然后通过修改放大区域的scrollLeft和scrollTop值实现相应的放大效果。html>

前台在获取后台时间时，直接获取会显示一串数字；这是需要进行转换显示。将时间戳转换成日期格式：// 简单的一句代码var date = new Date(时间戳); //获取一个时间对象 ，必须乘以1000，否则出现NaN 注意：如果是uinx时间戳记得乘于1000。比如php函数time()获得的时间戳就要乘于1000/*----------下面是获取时间日期的方法，需要什

立方体 3D 旋转3D 透视照片墙跳跃的音符可能上面的效果对精通 CSS3 的而言小菜一碟，写本文的目的也是我自己学习积累的一个过程，感兴趣的就可以一起往下看啦。其实 CSS3 效果真的很强大，上面的效果都是纯 CSS 实现，个人感觉越是深入 CSS 的学习，越是觉得自己不懂 CSS

宋体 SimSun黑体 SimHei微软雅黑 Microsoft YaHei微软正黑体 Microsoft JhengHei新宋体 NSimSun新细明体 PMingLiU细明体 MingLiU标楷体 DFKai-SB仿宋 FangSong楷体 KaiTi仿宋_GB2312 FangSong_GB2312楷体_GB2312 KaiTi_GB2312 

前后端分离的请求测试，遇到了一个406错误， 无法接受，是HTTP头部信息里的Accept:application/json  这个Accept 导致的， 后端设置了只允许application/json 这种形式，so前端模拟请求的时候，也要和后端沟通好，然后发送请求参数通常HTTP消息包括客户机向服务器的请求消息和服务器向客户机的响应消息。客户端向服务器发送一个请求，请求头包含

HTML5-炫丽的时钟效果Canvas绘图与动画 .linux903,.linux902 {display:none!important;display:none} var WINDOW_WIDTH=1024; var WINDOW_HEIGHT=600;

一、校验数字的表达式 1 数字：^[0-9]*$ 2 n位的数字：^\d{n}$ 3 至少n位的数字：^\d{n,}$ 4 m-n位的数字：^\d{m,n}$ 5 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 带1-2位小数的正数或负数：^(\-)?\d+(\

放大镜练习 * { margin: 0px; padding: 0px; } #small { width: 400px; height: 400px;

/*-------------------------------------------------------------------------- jq-idealforms 2.1 * Author: Cedric Ruiz * License: GPL or MIT * Demo: http://elclanrs.github.com/jq-idealfo

一、显示隐藏$("#show").click(function () { $("#box").show();});$("#hide").click(function () { $("#box").hide();});可以设置匀速运动时间$("#show").click(function () { $("#box").show(1000);});$("