用javascript做拖动布局的思路

2016年07月27日 7 阅读

哎！还是js的功夫太差。因为是边找资料边写的，很多地方印象不深， 时间一长，再重新写估计也难，所以把当时的思路记录一下！也希望大虾指点一下！ 好了，转入正文，在开始之前先介绍几个功能函数！ 1.格式化事件的函数 复制代码 代码如下: function getEvent（）{ //同时兼容ie和ff的写法 if（document.all） return window.event; func=getEvent.caller; while（func！=null）...

javascript下汉字和Unicode编码互转代码

2016年07月27日 6 阅读

var classObj= { ToUnicode:function（str） { return escape（str）.replace（/%/g,"\"）.toLowerCase（）; }, UnUnicode:function（str） { return unescape（str.replace（/\/g, "%"））; }, copyingTxt:function（str） { document.getElementById（str）.select...

JavaScript继承方式实例

2016年07月27日 6 阅读

复制代码 代码如下: function parent（）{ this.x=10; } function child（）{ var parentObj=new parent（）; for（var p in parentObj）this[p]=parentObj[p]; } var childObj=new child（）; alert（childObj.x）; 复制代码 代码如下: function parent（）{ this.x=10; } funct...

javascript 对象属性property与元素属性attribute的浏览器支持

2016年07月27日 6 阅读

var div = document.getElementById（"myId"）; div.userProperty = "test2"; alert（div.attributes.length）; // IE6/7/8 -> 4 , [id,class,userAttribute,userProperty] // IE9/FF -> 3, [id,class,userAttribute] alert（div.userAttribute）; // IE...

Javascript String 字符串操作包

2016年07月27日 6 阅读

核心代码: 复制代码 代码如下: /** * jscript.string package * This package contains utility functions for working with strings. */ if （typeof jscript == "undefined"） { jscript = function（） { } } jscript.string = function（） { } /** * This functi...

js类型检查实现代码

2016年07月27日 6 阅读

复制代码 代码如下: //检查我们的数字是否其实是一个字符串 if （ num.constructor == String ） //如果是，则将它解析成数字 num = parseInt（ num ）; //检查我们的字符串是否其实是一个数组 if （ str.constructor == Array ） //如果是，则用逗号连接该数组，得到一个字符串 str = str.join（","）; 表1显示了对不同类型对象分别使用我所介绍的两种方法进行类型检查...

javascript在线编码查询工具

2016年07月27日 6 阅读

// ...

不使用中间变量，交换int型的 a, b两个变量的值。

2016年07月27日 5 阅读

复制代码 代码如下: //by ppchen var a = 10, b = 2; a = a + b; b = a - b; a = a - b; 复制代码 代码如下: //by Mr.司马 var a = 10000,b=245 a = a^b; b = b^a; a = a ^b; 复制代码 代码如下: //by cloudgamer var a = 33,b=44 a=[a,b] b=a[0] a=a[1] 复制代码 代码如下: //by M...

javascript天然的迭代器

2016年07月27日 6 阅读

它源于群里的某一题目：有一个数n=5，不用for循环，怎么返回[1,2,3,4,5]这样一个数组 群的“糖果男孩”给的答案：复制代码 代码如下:function getArr（n） { var a = [], b = [], m = 0; a.length = n + 1; a.toString（）.replace（/,/g, function （） { b.push（++m）; }）; return b; } ...

js 弹出框 替代浏览器的弹出框

2016年07月27日 7 阅读

复制代码 代码如下: function fromID（id） { return document.getElementById（id）; } function show_alert（msg, type, time） { var layer_obj = fromID（"alert_layer"）; var layer_text= fromID（"alert_text"）; var line_height = （document.documentElement...

ExtJS 入门

2016年07月27日 8 阅读

开始... 在ExtJS里最常用的,应该就是Ext.onReady这个方法了,而且它也可能是你学习ExtJS所接触的第一个方法,这个方法在当前的DOM加载完毕后自动调用,保证页面内的所有元素都能被Script所引用.可以尝试在这个方法中添加一条语句,看看页面打开后是什么反映: 复制代码 代码如下: Ext.onReady（function（） { alert（"hello world！"）; }）; 上面的代码将在页面加载完毕后弹出一对话框,打印出"he...

在JS中最常看到切最容易迷惑的语法（转）

2016年07月27日 6 阅读

js中大括号有四种语义作用 语义1，组织复合语句,这是最常见的 复制代码 代码如下: if（ condition ） { //... }else { //... } for（） { //... } 语义2，对象直接量声明 复制代码 代码如下: var obj = { name : "jack", age : 23 }; 整个是个赋值语句，其中的{name:"jack",age:23}是个表达式，单独存在也不会出现语法错误的。 语义3，声明函数或函数直接...

深入理解JavaScript定时机制

2016年07月27日 6 阅读

例如 复制代码 代码如下: setTimeout（function（） { alert（"你好！"）; }, 0）; setInterval（callbackFunction, 100）; 认为setTimeout中的问候方法会立即被执行,因为这并不是凭空而说,而是JavaScript API文档明确定义第二个参数意义为隔多少毫秒后,回调方法就会被执行. 这里设成0毫秒,理所当然就立即被执行了. 同理对setInterval的callbackFuncti...

关于document.cookie的使用javascript

2016年07月27日 7 阅读

document.cookie="userId=828"; 如果要一次存储多个名/值对，可以使用分号加空格（; ）隔开，例如： document.cookie="userId=828; userName=hulk"; 在cookie的名或值中不能使用分号（;）、逗号（,）、等号（=）以及空格。在cookie的名中做 到这点很容易，但要保存的值是不确定的。如何来存储这些值呢？方法是用escape（）函数进行编 码，它能将一些特殊符号使用十六进制表示，例如空格...

实用的多级树形展开菜单效果代码

2016年07月27日 5 阅读

实用的多级树形展开菜单 body{margin:0;padding:0;font:12px/1.5 Tahoma,Helvetica,Arial,sans-serif;} ul,li,{margin:0;padding:0;} ul{list-style:none;} #root{margin:10px;width:200px;overflow:hidden;} #root li{line-height:25px;} #root .rem{pad...

仿Discuz！的论坛评分发帖弹出提示并渐渐消失的效果

2016年07月27日 8 阅读

一般在应用Discuz搭建论坛的网站中，当我们发一个帖子后，就会有一个渐渐出来又渐渐消失的提示，告诉我们发帖子得了多少分，本特效实现的就是这种效果。 仿中关村论坛评分后弹出提示的效果 var x=window.x||{}; x.creat=function（t,b,c,d）{ this.t=t; this.b=b; this.c=c; this.d=d; this.op=1; this.div=document.createElement（"d...

仿新浪微博首页"大家正在说"渐入轮显效果

2016年07月27日 6 阅读

仿新浪微博首页"大家正在说"渐入轮显效果 *{margin:0;padding:0;font-size:12px;} ul{width:300px;height:400px;overflow:hidden;margin:50px 0 0 100px;} li{width:300px;border-bottom:1px solid #eee;margin-bottom:20px;} h4{border-bottom:1px solid #eee;}...

Js+CSS实现的间断和不间断文本滚动代码

2016年07月27日 8 阅读

Js+CSS间断和不间断文本滚动代码 .box{width:150px;height:25px;line-height:25px;border:#bbb 1px solid;overflow:hidden;} .box ul{margin:0;padding:0} .box li{height:25px;line-height:25px;font-size:12px;text-align:center;list-style-type:none;}...

js隔行变色、鼠标划过变色代码

2016年07月27日 6 阅读

隔行变色且鼠标划过变色的效果 .container ul{margin:0;padding:0;} .container li{cursor:pointer;height:30px;width:200px;background-color:#FFC;line-height:30px;text-indent:1em;font-size:12px;} .container .change{cursor:pointer;height:30px;widt...

纯CSS实现的漂亮的立体图片边框效果，阴影代码

2016年07月27日 6 阅读

图片立体边框效果 .image{padding:10px;border:1px solid #000;-moz-box-shadow:3px 3px 4px #000;-webkit-box-shadow:3px 3px 4px #000;box-shadow:3px 3px 4px #000;background:#fff;filter:progid:DXImageTransform.Microsoft.Shadow（Strength=4,Di...