#preview_wrapper        {            display: inline-block;            width: 350px;            height: 200px;        }        #preview_fake        {            filter: progid:DXImageT

一般我们在做地图定位或轨迹查询的时候，需要在地图上绘画各个轨迹点的marker，然后记录各marker点的经纬度坐标，通过drawLine或drawPath可以把各个点连接起来，以实现轨迹记录。       但是我们想如果这条线能从起始点的marker到中途以及最后点的marker能有一条带箭头的直线连接起来，这样用户看起来更直观一点，一眼就能看懂起始点和终点的线路。这样就需要我们判断直线

js用FileSystemObject 对象实现文件控制一、功能实现核心：FileSystemObject 对象其实，要在Javascript中实现文件操作功能，主要就是依靠FileSystemobject对象。在详细介绍FileSystemobject对象的各个属性和方法的使用细节前，先来看看这个对象包括哪些相关对象和集合：Driver 对象类型。包括收集

google map V2:自定义地图缩放范围：控制地图的缩放级别范围需要重载GMapType的getMinimumResolution()和getMaximumResolution()方法。下面的代码将地图的缩放级别设置为12-16。Js代码  function setMapResolution()  {      //获取所有地图类型

push   方法     将新元素添加到一个数组中，并返回数组的新长度值。         arrayObj.push([item1   [item2   [.   .   .   [itemN   ]]]])         参数     arrayObj         必选项。一个   Array   对象。         item,

What is LINQ to JavaScript?LINQ to JavaScript (JSLINQ for short) is an implementation of LINQ to Objects implemented in JavaScript. It is built using a set of extension methods built on top of the J

url paramter：?Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->//lastest:varqueryStrings=function() {//get url qu

开发HTML代码是一件简单的事情，一个文字编辑器，然后一个支持HTML5的浏览器即可（本人的浏览器是Firefox8.0.1）。了解HTML的朋友应该知道，HTML5中最让人兴奋的API是canvas，它给了HTML5开发者随意涂鸦的能力。下来我们一起来了解canvas。        HTML5中新增了画布标签，通过它，可以使用JavaScript在网页中绘制图像。标签在网页中得到的是一

完全基于JqueryUIASPX代码：?12345678910linkrel="stylesheet"href="Styles/jquery-ui.css"type="text/css"media="all"/>

hasOwnProperty：是用来判断一个对象是否有你给出名称的属性或对象。不过需要注意的是，此方法无法检查该对象的原型链中是否具有该属性，该属性必须是对象本身的一个成员。isPrototypeOf是用来判断要检查其原型链的对象是否存在于指定对象实例中，是则返回true，否则返回false。?123456

在上一篇文章里，我们阐述了node chat在服务端程序上的一些处理特点。这篇文章我们一起来分析一下前段与后端的交互机制。相信理解了这个机制之后，你对上一篇文章的遗留问题——消息的callbacks——的设计理念也就无师自通了。 同样地，我们从需求来入手。假设我们是web聊天室的用户，我们希望它能够给我们提供什么样的功能？我想大部分人的答案应该是信息的及时传递。请注意这个“及时”，它要求我

（转http://blog.youkuaiyun.com/neusoftware_20063500/archive/2009/04/30/4140903.aspx） 这里只是做个测试，很简单，没有做好线程同步的问题，只是为了长轮询。原理：可以看:http://yiminghe.javaeye.com/blog/294781AJAX 的出现使得 JavaScript 可以

地理位置可以找到你在这个世界上的位置，如果你愿意，还可以将这个信息分享给你的朋友。我们有很多种方法来找出你所在的位置：IP 地址，无线网络的连接（我们可以根据你的手机连接到哪个基站来识别出位置），或者是设备中的 GPS 模块。FAQQ: 地理位置听起来很恐怖，我可以关闭吗？A: 与远程服务器共享你的物理位置的确是一件涉及隐私的问题。地理位置 API 明确要求：“User

2012-01-16 10:41 js 清空file控件值的方法大家都知道清空上传控件“ ”用平常的value=“”无法实现清空 在这里给大家分享两种方法 //clone function clearFileInputByClone(fileId) { var cloneFile = $("#"+fileId).clone(); $("#"+fileId

Node.js已经可以直接安装在windows中了,到官网下载页http://nodejs.org/#download中找windows installer下载即可,你也可以在此下载目前最新版本:node-v0.6.2.msi Windows installer ,下载之后直接双击就会安装,安装后会自动在环境变量中添加node.js的path,不用自己加.这时打开命令行,运行nod

oogle 地图 API 参考Google 地图 API 现在与 Google AJAX API 载入器集成，后者创建了一个公共命名空间，以便载入和使用多个 Google AJAX API。该框架可让您将可选 google.maps.* 命名空间用于当前在 Google 地图 API 中使用的所有类、方法和属性，使用此命名空间替换常规 G 前缀。不要担心，现有 G 命名空间仍能得到

在学习jQuery的时候，有时候总是把DOM对象和jQuery对象弄混，用DOM对象去调用jQuery对象的方法，用jQuery对象的方法去调用DOM对象的方法，这是不可以的。其实这两种东西可以进行相互的转换，在使用的时候可以搭配使用。转换的过程十分的简单。1、DOM对象转换为jQuery对象对于一个DOM对象来说，要把它转换成jQuery对象只需要给DOM对象前加上$符号即可。格式：

ime-mode版本：IE5+专有属性　继承性：无 语法： ime-mode : auto | active | inactive | disabled  参数： auto : 不影响IME的状态。与不指定ime-mode属性时相同active : 指定所有使用IME输入的字符。即激活本地语言输入法。用户仍可以撤销激活IMEinactive : 指定所有

function MoveUpOrDown(isUp) {    var listbox = $("select[name='OrderList']");    if ($(listbox).find("option:selected").text().length == 0) {        alert("移動させる項目を選択してください。");    }    e

用于按钮背景图片切换$(function(){    var images = $("img");    for (var i = 0; i         if (images.eq(i).attr("src").match("_off.")) {            $("img").eq(i).hover(function () {                $

$('#pagetop').click(function () {        $('html,body').animate({ scrollTop: 0 }, 'fast');        return false;    });

[javascript] view plaincopyprint?JQuery UI - tabs 收藏    1. ·概述      2. 标签页插件通常用于将内容分解成多个部分，可交换查看，节省空间。有点类似于手风琴插件。      3. 官方示例地址：http://jqueryui.com/demos/tabs/      4.

function KeyDown(e){ var key; if( e.which ) { key = e.which; } else if( e.keyCode ) { key = e.keyCode; } else if( e.charCode ) { key = e.charCode;} key = String.fromCharCode(key);

HTML meta content-type 定义文件MIME类型    HTML meta charset 定义网页编码信息content-type 属性值 -- 定义文件MIME类型content-type用于定义用户的浏览器或相关设备如何显示将要加载的数据，或者如何处理将要加载的数据，此属性的值可以查看MIME类型content-language出现在http-e

一、base64百科Base64是网络上最常见的用于传输8Bit字节代码的编码方式之一，可用于在HTTP环境下传递较长的标识信息。某人： 唉，我彻底废柴了，为何上面明明是中文，洒家却看不懂嘞，为什么？~~好吧，我也不喜欢专业术语的解释。你只要知道，base64编码就是长得像下面这样子的代码：thunder://QUFodHRwOi8vd3d3LmJhaWR1LmNvbS

【译】在本地存储中保存图片和文件2012年02月26日 吴 天豪 JavaScript无评论原文地址：http://hacks.mozilla.org/2012/02/saving-images-and-files-in-localstorage/你可能已经对本地存储有所了解，本地存储在浏览器中快速存储数据的时候特别强大，并且已经在浏览器中存在多时。但是如何才能在本

基于HTML5的可预览多图片Ajax上传by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=1923一、关于图片上传什么什么的在XHTML的时代，我们使用HTML file控件上传图片一次只能上传一张。要一次上传多图，做法是借助于flash。例如s

AjaxFileUploader上传插件 兼容性好 Ie Chrome Firefoxhtml: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.o

DragDrop 看似简单，实现起来却不大容易。 HTML5 已经提供了用于支持 DragDrop 的事件。使用这些事件可以方便实现 dragdrop。介于有些朋友对 HTML5 的 dragdrop 不熟，在这里先介绍下标准的 dragdrop 。dragdrop 不是新物，早在 IE4 就有了。但那时只是 IE 的独家技能，所以标准浏览器不支持此事件，现在 HTML5 采用了 IE 的

setCapture 使用方法 setCapture 可以捕获到 移动到浏览器外的鼠标事件。 例如拖动过程中，即使鼠标移动到了浏览器外，拖动程序依然可以执行！ 作用就是把 把鼠标事件 捕获到 当前文档指定的对象！ setCapture捕获以下鼠标事件：onmousedown、onmouseup、onmousemove、onclick、ondblclick、onmouse

在web开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素js在父窗口中获取iframe中的元素 1、格式：window.frames["iframe的name值"].document.getElementByIdx_x("iframe中控件的ID").click();实例：window.frames["i

navigator.userAgent.indexOf来判断浏览器类型cript">    function getOs() {    var OsObject = "";   if(navigator.userAgent.indexOf("MSIE")>0) {         return "MSIE";   }   if(isF

window.onload=function(){  objDiv = document.getElementById('drag');  drag(objDiv);};function drag(dv){  dv.onmousedown=function(e){      var d=document;      e = e || window.event;

解决CSS3圆角 兼容所有浏览器的方法。本文提到了一种很不错的实现跨浏览器圆角的解决方案，但是说的不够全面，前端观察最近将整理更多更全面的资源给大家，敬请期待。译 ：前一段时间，我经常收到一个关于如何在IE浏览器中使用CSS3的border-radius属性实现圆角HTML元素的问题。你或许知道CSS3的border-radius 属性被Safari、Firefox和Chrome等浏览器原

function initHMenus(){alert("你触发了onresize事件！");}//以下语句解释为：当window触发onresize：改变窗口大小和切换窗口时，则调用initHMenus方法。window.attachEvent("onresize",initHMenus);也可以：window.attachEvent("onload",initHMenus)

鼠标捕获(setCapture)作用是将鼠标事件捕获到当前文档的指定的对象。这个对象会为当前应用程序或整个系统接收所有鼠标事件。不过setCapture不支持键盘事件, 只能捕获以下鼠标事件：onmousedown、onmouseup、onmousemove、onclick、ondblclick、onmouseover和onmouseout。 　　程序中主要是要捕获onmousemov

js静态方法function foo(){} // 声明类foo.method = function(){} // 方法体使用：foo.method()js实例方法function foo(){ // 声明类this.method = function(){ // 方法体}}使用：var f = new foo(); f.method();

jQuery 版“元素拖拽改变大小”原型        /*      * jQuery.Resize by wuxinxi007      * Date: 2011-5-14      * blog : http://wuxinxi007.cnblogs.com/      */     $(function(){         //绑定需要拖拽改变大小的元

通过修改CSS来更换s滚动条样式，只能更换颜色，而不能更改滚动条的大小。 况且还有浏览器兼容的问题： 我们可以选择jquery来做该效果，这样即修改了滚动条的大小，又可以做到兼容： JS代码如下(附：jquery.linscroll.js)：    $(document).ready( function

因为我们现在的前端框架做性能优化，为了找到各个组件及框架的具体解析耗时，需要在框架中嵌入一个耗时测试工具，性能测试跟不同的计算机硬件配置有很大关系，因此有必要统计处测试机的硬件配置，本来开始是让测试人员自己输入，但考虑到这样比较繁琐，因此要想办法在程序中实现，因为此次的实现是用的JS。因此就有了我这篇文章。在网上看到了一些文章和代码，觉得都不怎么好，其实JS访问硬件，只可能通过ActiveXO