最近的文章列表

jQuery插件resizableColumns实现鼠标可拖动调整表格列宽度

实现鼠标可拖动调整表格列宽度 如图:
 
一、引入文件:

代码如下:

<script src="/js/jquery-1.8.0.min.js" type="text/javascript"></script> 
2014/5/27 Comments:
javascript实现简单的购物车附图附代码

如图:
 
全选按钮的实现为:

代码如下:

<input type="checkbox" name="all" onclick="checkAll()" />全选<br />
<input type="checkbox" name="it
2014/5/27 Comments:
解决chrome下jQuery width()方法取值为0的方法

http://photo.163.com/shixiaojian089/train/28002 这是网易的一个相册,看到后想试着做做看。

在我的制作方法中,需要获取到每张照片的宽度,所以很自然就使用了jq的width()方法。在ff跟ie下运行问题不大,但是到了chrome上,就出现问题了。

使用alert排查,发现chrome下width方法取到的值都是0.这样子的话,想来就是脚本运行到这的时候图片根本没加载好。问题应该出在$(function(){});上,因为这个方法只要求加载完dom就开始运行。那么改成在onload下执行,果然这下可以了。不过这明显不是很好的办法,毕竟在onload下运行要等到整个文件全部内容全部加载好后再运行脚本。 

2014/5/27 Comments:
jQuery实现时间计时器 显示某天某时某分某秒

1.用jquery实现时间计时器,从之前的某个时间段到现在距离多少天多少时多少分多少秒?

html代码:

代码如下:

<div id="times_wrap" class="time_num">
距离现在时间:
<div class="time_w">
<span id="time_d" class="time"> </span >天 
2014/5/26 Comments:
分享JavaScript的求爱小特效 随鼠标移动的按照圆轨迹滚动的文字

这里面做了一个JavaScript的求爱小特效,效果如下:

不仅能出现下面的图的效果,还可以让这个图形跟随着鼠标转动哦,这里面只是一个简单的没有修饰的小例子,基于这个例子可以让求爱,更加好玩了。闷骚男们,是不是可以给你的小萝莉发个这样的网页啊。给力的。
我爱你 求爱
贴上code吧:

代码如下:
2014/5/26 Comments:
分析按钮状态切换 绑定不同函数后点击时执行多次函数问题

删除帖子和锁定帖子都需要填写拒绝原因,共用一个窗口,和按钮,按钮绑定不同的事件:

title = '删除帖子(屏蔽、不显示)';

代码如下:

$('#btn_ok', '#div_deny_reason').bind('click', function(){edit('if_show', '0');});
title = '锁定帖子';
$('#btn_ok', '#div_deny_reason').bind('click', function()
2014/5/26 Comments:
js双引号和单引号的区别和处理

单引号和双引号其实没啥区别,看你自己习惯了

代码如下:

<input type="button" onclick="alert("1")">-------------------不正确
<input type="button" onclick="alert('1')">-------------------正确


双引号中再用双引号要这样:
var str = "abc\"def\"ghi"
用反斜杠来禁止

2014/5/26 Comments:
跨域名访问资源的问题 HTML5 Canvas getImageData img.crossOrigin

利用 canvas 取得图片的data,如果 img.src是来自其它域名的图片,浏览器便会禁止执行
例如代码:

<canvas id="example" width="300" height="300">
This text is displayed if your browser does not support HTML5 Canvas.
</canvas>
2014/5/26 Comments:
分析Object #<HTMLCanvasElement> 的drawImage没有作用的原因

学canvas时候发现了这个问题,情况分析:

1:google版本不支持canvas的drawImage方法,

2:传入参数不正确导致浏览器报错(是由于image加载是异步的,可能没加载完成就开始执行相应的代码,结果资源获取不到)。

3: var canvas = document.getElementById('canvas');
     var context= canvas.getContext('2d');有可能你没有获取2D的上下文,晕,我就是这种,至于第二种情况下面有解答方法。

2014/5/26 Comments:
说明jQuery.holdReady()使用方法
代码如下:

holdReady: function( hold ) {
if ( hold ) {
jQuery.readyWait++; // readyWait就是一个计数器,表示还有多少个条目就绪事件才能执行

} else { jQuery.ready( true ); } }


使用方法如下:

jQuery.holdReady( hold )

作用:暂停或恢复.ready() 事件的执行 <

2014/5/24 Comments: