网页实现拖拽,JavaScript拖拽原理的实现

实现拖拽的基本思路 拖拽的基本原理就是根据鼠标的移动来移动被拖拽的元素。鼠标的移动也就是x、y坐标的变化;元素的移动就是style.position的top和left的改变。当然,并不是任何时候移动鼠标都要造成元素的移动,而应该判断鼠标左键的状态是否为按下状态,是否是在可拖拽的元素上按下的。 根据以上的基本原理,我写出了下面的基本思路。感觉代码还是比较短的, view plain... [阅读全文]

三极管学习笔记,javascript学习笔记(三)

九、数组1.数组中的length属性表示数组的长度,数组的第一个元素的索引值是从0开始 2.Array对象 三种构造方法: Array() Array(4) //指定数组长度为4 Array(3.5,”afd”,3) 声明 var array = new Array(); sort()方法进行排序 十、window对象 方法1.alert() 只显示OK按钮 2.confirm(... [阅读全文]

javascript的预解析及相关 【转】

变量同样,以这两个小例子的错误对比提示开始。 alert(y1); //代码段1 var y1 = dddd; alert(y2); //代码段2 // alert(typeof y2); y2 = xxxxx; 先思考一下,为什么一个会提示 undefined , 一个却抛出变量未定义的错。。先看javascript的解析过程。 javascript在执行过程之前,会做一件事件“预解... [阅读全文]

javascript学习笔记(二)

/*笔记为自己学习时所记,理解上可能会有所偏差,若有错误或需要补充的还望留言,谢谢!*/六、函数1.函数定义格式 function 函数名 (参数列表) //可有参数也可无参数 { 程序代码 return 表达式; } 调用有返回值的函数赋值 变量 = 函数名(); 也可以在程序中直接使用返回的结果 : alert(“sum”+square(2,3)); 2.全局变量 :定义在s... [阅读全文]

javascript学习笔记(一)

/*笔记为自己学习时所记,理解上可能会有所偏差,若有错误或需要补充的还望留言,谢谢!*/一、 javascript的简单实现1. script language=”javascript” alert(new Date()); /script 2. script language=”javascript” !-- var x=6; alert(x); -- /script 3.... [阅读全文]

超级作用域,JavaScript函数调用时的作用域链和调用对...

原链接:http://www.clore.net/forum/thread-9435-1-1.html 1、javascript解析器启动时就会初始化建立一个全局对象global object,这个全局对象就拥有了一些预定义的全局变量和全局方法,如Infinity, parseInt, Math,所有程序中定义的全局变量都是这个全局对象的属性。在客户端javascript中,Window就是这个... [阅读全文]

避孕套啥样,没有JavaScript,你的网页会是啥样?

尽管JavaScript是一门很简单的程序设计语言,但由于现在Web应用程序越来越多,JavaScript的地位也变得越来越重要。不过,在享受JavaScript和衍生的库的同时,你想过如果没有JavaScript,你现在的网页看起来是什么样子? 现在很多网站使用了JavaScript,它让交互响应更加灵敏,也增强了所谓的“用户体验”。尽管它是一门很简单的程序设计语言,但由于现在Web应用程序越... [阅读全文]

打开网页需要刷新,javascript刷新与打开页面

script type="text/javascript"!-- try { document.domain = "csdn.net"; } //document.doamian 用来得到当前网页的域名 catch (ex) { }; function reLoad()//判断浏览器后 刷新 { var name = navigator.appName //返回浏览器的名称 var ... [阅读全文]

死亡空间2节点,javascript--节点(2)

html head script type="text/javascript" window.onload=function (){ var header=document.getElementById("header"); alert(header); // alert(header.getAttribute("class")) //在ie中不可用,要写className。在火狐中可... [阅读全文]

jquery,常见26个jquery使用技巧详解(比如禁止右键...

本文列出jquery一些应用小技巧,比如有禁止右键点击、隐藏搜索文本框文字、在新窗口中打开链接、检测浏览器、预加载图片、页面样式切换、所有列等高、动态控制页面字体大小、获得鼠标指针的X值Y值、验证元素是否为空、替换元素、延迟加载、验证元素是否存在于Jquery集合中、使DIV可点击、克隆对象、使元素居中、计算元素个数、使用Google主机上的Jquery类库、禁用Jquery效果、解决Jquery... [阅读全文]

jquery,jQuery+Ajax+Struts2.0 (一)[转]

(一)jQuery的基本用法:随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名的有Prototype、YUI、 jQuery、mootools、Bindows以及国内的JSVM框架等,jQuery是继prototype之后的又一个优秀的Javascript框架。它是由 John Resig 于 2006 年初创建的,它有助于简化 JavaScrip... [阅读全文]

javascript--DOM

html head script type="text/javascript" window.onload=function(){ /* var d=document.getElementById("h"); //通过id找到对应的标签 getElement alert(d.tagName); var t=document.getElementsByTagName("p"); ///... [阅读全文]

万年历,Javascript实现万年历

html head meta http-equiv="Content-Type" content="text/html; charset=gb2312" / title万年历/title style language="text/css" .css1{ background-color:"#2161da"; color:"#00ffff"; } a:link { backgrou... [阅读全文]

JavaScript 注册事件代码

首先是最常规的方法: 程序代码 复制代码 代码如下: p id="para" title="cssrain demo!" _disibledevent= script function test(){ alert("test"); } /script 当某一天,我们知道JavaScript要跟HTML结构实现分离后,就会改了一种写法: 程序代码 复制代码 代码如下: p id... [阅读全文]

雕虫小技,雕虫无小技 JavaScript初学者的10个迷你...

在之前的编程语言排行榜中,我们曾介绍过转正在即的JavaScript语言,正如文章中阐明的那样,JavaScript不仅是最具活力的脚本语言,还是是最有用的编程语言之一。因为绝大多数的浏览器都和它兼容,你可以在这些浏览器中使用它。JavaScript被接受的相当快,因为它是如此的简单,而且使用范围相当广泛。许多程序员过去常常认为JavaScript是一门“玩具语言”,但是,AJAX进入市场后表现出... [阅读全文]

本地文件夹,javascript读取本地文件夹的文件---表示不

一、功能实现核心:FileSystemObject 对象 要在javascript中实现文件操作功能,主要就是依靠FileSystemobject对象。 二、FileSystemObject编程 使用FileSystemObject 对象进行编程很简单,一般要经过如下的步骤: 创建FileSystemObject对象、应用相关方法、访问对象相关属性 。 (一)创建FileSystemObject对... [阅读全文]

2ne1bom,javascript---BOM(1)

html head script type="text/javascript" document.write("BOM"); window.document.write("bom"); ///这两种输出是一样的//javascript中任何一个全局函数或变量都似乎window的属性 window.onclick=function (){///居中显示的窗口 var l=(screen.... [阅读全文]

excel补零,javascript 补零

今天又学了一样: javascript数字补零 http://www.cnblogs.com/s_liangchao1s/archive/2009/09/08/1562910.html 方法1: function pad(num, n) { var len = num.toString().length; while(len n) { num =0 + num; len++; }... [阅读全文]

函数对象,javascript--函数式与面向对象(5)

html head script type="text/javascript" //instanceof / a instanceof 类型名称 // a是否是 某类型 var arr=[]; alert(arr instanceof Array); //true var obj={}; alert(obj instanceof Object); //true function f... [阅读全文]

javascript实现年月日选择

!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/1999/xhtml" head meta http-equiv="Content-Type"... [阅读全文]

28个社交小技巧,10个javascript的迷你小技巧

JavaScript语言,正如文章中阐明的那样,JavaScript不仅是最具活力的脚本语言,还是是最有用的编程语言之一。因为绝大多数的浏览器都和它兼容,你可以在这些浏览器中使用它。JavaScript被接受的相当快,因为它是如此的简单,而且使用范围相当广泛。许多程序员过去常常认为JavaScript是一门“玩具语言”,但是,AJAX进入市场后表现出了完全相反的一面,它让JavaScript展现出... [阅读全文]

jquery,一小段jQuery代码的分析与优化

刚回家,QQ群里就看到有人求助优化一段jQuery代码,简单看了一下,发现如果对jQuery这东西只停留在用的层面,而不知其具体实现的话,真的很容易用出问题来。这也是为什么近期我一直不怎么推崇用jQuery,这框架的API设定就有误导人们走上歧途之嫌。 $.fn.beautifyTable = function(options) { //定义默认配置项,再用options覆... [阅读全文]

详解JQuery上传插件Uploadify

Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示。不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中的使用,您也可以点击下面的链接进行演示或下载。【源码示例下载】 官方下载 官方文档 官方演示 首先按下面的步骤来实现一个简单的上传功能。 1 创建Web项目,命名为JQueryUploadDemo,从官网上下载最新的版本解压后添... [阅读全文]

新年倒计时,javascript新年倒计时

2011年新年是02月02日 script language="javascript" function $(id) { return document.getElementById(id); } function date() { var old=new Date(); var ns=new Date("02/02/2011"); //现在时间是 var year=old.... [阅读全文]

javascript---函数式与面向对象(4)

html head script type="text/javascript" ///构造函数A的prototype属性是一个对象 ///这个对象具有的所有属性。A的实例也具有 ///prototype必须在函数 实例化 之前 function demo(){ } demo.prototype={ name:"yjh", age:22, ///必须加逗号 getName:fu... [阅读全文]

通信达flash,Flash与JavaScript通信

最近在做项目的过程中需要flash与js之间的互相调用,查找资料flash与js的通信有三中方法。 1.getURL("javascript:jsFunctionName()"); getURL是flash的一个全局函数,作用是向浏览器发送一个请求。熟悉js的人一定知道,向浏览器 发送javascript:开头的请求,其实就是模拟了一个js的请求协议,浏览器会去在当前环境中找指 定的fun... [阅读全文]

javascript---函数式与面向对象(3)

html head script type="text/javascript" //构造函数 javascript没有类的说法,所以构造函数也是函数本身 function demo(){ //没有参数的构造函数 this.name="yjh"; this.age=22; } var d=new demo(); //new 一个构造函数 返回一个对象 对象具有函数的属性和方法 //... [阅读全文]

jQuery 3D文字特效

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" html head meta http-equiv="Content-type" content="text/html; charset=utf-8" / titlejQu... [阅读全文]

调用css样式,javascript 调用css样式的代码

www.qcjnhb.com CSS语法 (不区分大小写)Javascript语法 (区分大小写)borderborderborder-bottomborderBottomborder-bottom-colorborderBottomColorborder-bottom-styleborderBottomStyleborder-bottom-widthborderBottomWidthborde... [阅读全文]

javascript:history.go()和History.back()

转载自 glaiveLee 最终编辑 glaiveLee input type=button value=刷新 _disibledevent= input type=button value=前进 _disibledevent= input type=button value=后退 _disibledevent= input type=button value=前进 _disibledeven... [阅读全文]
<< < 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 > >> 共3700条 分124页