前端客栈

一个JSON格式文件查看器，提供JSON可视化操作。带有代码格式化功能，效果嘛，谁用谁知道。 官方站点 备用下载

查看插件效果 本插件的作用是为了支持table鼠标经过变色和选中效果，原始版本是只能单列或者单行选取。 修改了后的版本只是单个表格选取，配置参数如下： options = { ltColor: ‘#fbfbfb’, // 行背景交互色。默认为 ‘#ECF6FC’， 设置为 ‘none’ 则不使用背景交互色。 bgColor: ‘#fff’, // 背景色（默认背景色为白色）。 hoverColor: ‘#eff6ff’, // 当鼠标在行上悬停时的背景色。默认为 ‘#BCD4EC’。 hoverClass:”, // mouseover样式类；hoverColor属性优先。 hiliteColor: ‘#ffffe5′, // 行高亮色。默认为 ‘yellow’，设置为 ‘none’ 时关闭高亮。 hiliteClass:”, // 行或列高亮时使用的样式类，当设置了hiliteColor时被优先使用。 oneClick: false, // 每次只允许一行或一列高亮，当点击新行/新列时取消当前高亮。默认为false。 hover:’row’, // 设置mouseover特性，可使用如下值：’row’、’column’、’cross’ 。默认值为 ‘row’。 click:’row’, // 设置鼠标点击时的高亮选项，可用值：’row’、’column’、 ‘cross’。当设置为 ‘row’，点击时行高亮；当设置为 ‘column’，点击时列高亮；当设置为 ‘cross’，点击时行和列同时高亮。默认值为 ‘row’。 banColumns: [], [...]

最近在做一个相册功能过的时候，需要动态改变img的src地址，并且在图片加载完成后再加载对应的相片评论。需要用到的一个小功能，如下: var objImagePreloader = new Image(); objImagePreloader.onload = function() { $(‘#lightbox-image’).attr(‘src’,'/demo.jpg’); //do something objImagePreloader.onload=function(){}; }; objImagePreloader.src = ‘/demo.jpg’;

转载：http://coolshell.cn/articles/4795.html 原文在这里 学习HTML 5编程和设计 ★ HTML5 Rocks : Major Feature Groups  的学习 HTML5 的资源 (HTML5 演示, 教程 ). 源码 很不错的 HTML5 Dashboard – Mozilla，效果很炫。 WhatWG Developers, 一个清楚的 HTML5 技术规格说明书。 ★ StackOverflow : 大名鼎鼎的技术问答式论坛。 ★ Addyosmani, jQuery 和 JavaScript 文章教程 Sohtanaka, jQuery 和 JavaScript 文章和教程 ★ Nettuts+ 是一个面对Web开发人员和设计人员的网站，提供各种技术教程和文章，覆盖 HTML, CSS, Javascript, CMS’s, PHP 和 Ruby on Rails. Codrops, 教程和 web 资源 WebAppers, 最好的开源资源 Tutorialzine [...]

最近在做的一个项目需要用到，记录一下 function loadJs(jsUrl,fCallBack){ var _script = document.createElement(‘script’); _script.setAttribute(‘type’,'text/javascript’); //_script.setAttribute(‘charset’, ‘gb2312′); _script.setAttribute(‘src’, jsUrl); document.getElementsByTagName(‘head’)[0].appendChild(_script); if(typeof fCallBack != “undefined”){ if ($.browser.msie){ _script.onreadystatechange = function(){ if (this.readyState==’loaded’ || this.readyState==’complete’){ fCallBack(); }; }; }else{ _script.onload = function(){ fCallBack(); }; } }; };

今天在做项目的时候发现的，例子如下 $(function(){ var temp_test = “hello”; $(“#button”).click(function(){ $.ajax({ type: “post”, url: “http://parazzi.me/”, dataType: “html”, cache: false, success: function(msg){ temp_test = “Hi”; } //你们认为现在temp_test=？呢 alert(temp_test); }); //end the ajax }); //end the click }) 很纳闷，temp_test的值并没有改变，还是”hello”。想不通是什么原因。 后来换了一个方法,如下 $(function(){ var temp_test = {}; temp_test.yes = “hello”; $(“#button”).click(function(){ $.ajax({ type: “post”, url: “http://parazzi.me/”, dataType: “html”, cache: false, success: function(msg){ [...]