javascript实现div的拖动并调整大小类似qq空间个性编辑模块

2017年02月06日 21 阅读

经常上qq空间的朋友一定对qq空间的个性编辑模块印象深刻,可以随意的拖动页面上的元素并且调动大小实现动态布局,当然我每次上csdn博客也会在右下角看见一个新闻窗口,这种效果的确很酷,那么我们也来实现一个吧. 实现步骤: 1.首先是动态创建一个类似这样的html结构: 复制代码 代码如下: <div style="height:200px;width:200px;overflow:hidden" id="a"> <div id="head"...

javascript跑马灯悬停放大效果实现代码

2017年02月06日 20 阅读

用过qq空间的朋友应该对这个很熟悉吧,效果蛮炫的,不过它们是用flash实现的,那么javascript可不可以呢,我琢磨了三天,终于弄的差不多了,不过还是有些地方不完善,还望大家多多谅解,我会在以后将其完善的. 先说下思路: 首先动态创建一个html结构 复制代码 代码如下: <div style="overflow-x:hidden;"> <table border="0" cellspacing="0" cellpadding="0...

javascript实现图片切换的幻灯片效果源代码

2017年02月06日 18 阅读

网页上有许多图片切换的幻灯片效果,它们大多用flash实现,那javascript能不能实现他们呢,当然可以,我自己写了一个,和大家一同分享 废话少说,看代码 复制代码 代码如下: sx.activex.imagefade={ init:function（imga,fadeint,fadeoutt）{ var ti=new Array（）; for（var i=0;i<imga.length;i++）{ ti[i]=new Image（）; ti[i...

用javascript模仿ie的自动完成类似自动完成功的表单

2017年02月06日 17 阅读

最近在写一个javascript框架,看见网上有不少自动完成功能的表单,所以一时兴起,用javascript写了一个,为自己的框架增点色. 步骤: 1.传入两个参数,第一个是你要绑定的表单对象,第二个是你要检索的数组. 2.动态建立一个div做为你要自动完成的层,设置属性和事件（我在这里并没有设置div的visible和display属性,而是将它的left设为"-1000px",这样就移出了浏览器之外,达到了隐藏的效果. 3.对传入的数组进行检索,找出与...

自己写的兼容ie和ff的在线文本编辑器类似ewebeditor

2017年02月06日 21 阅读

怎么说呢，刚包完夜吧，应该很累了，但现在仍有力气敲打着这些字符，看来我还没有到此为止啊。 废话少说，最近写了个在线的编辑器，类似ewebeditor那样的，当然没有人家那么强大，但是基本功能都有，而且还是兼容ie和ff的，为此我也花了不少功夫，还是赶紧把代码祭出来吧 demo.html： 复制代码 代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://...

HTML复选框和单选框 checkbox和radio事件介绍

2017年02月06日 16 阅读

checkbox 和 radio的事件选择一度让我很迷惑。 开始以我对js的理解，我觉得change事件应该是最合理的，可惜啊ie下change事件是在改变后焦点离开时才触发。 后来就用click mousedown等鼠标事件代替。发现click比mousedown要更完美一些： radio注册了click事件以后，神奇的是用键盘上的上下左右选择时，居然会触发鼠标事件，滚轮也会触发，这种神奇的事情在mousedown下面是不会发生的。（webkit不能使用...

js关闭模态窗口刷新父页面或跳转页面

2017年02月06日 17 阅读

有两个窗口： A窗口（父），B窗口（模态） A窗口里有一个DATAGRID，一个按钮。 点击按钮时，弹出B窗口（模态）。在B窗口中添加数据，提交后，要求B窗口自关闭，然后刷新A窗口（父） 复制代码 代码如下: <script type="text/javascript"> function openSubWin（） { window.showModalDialog（"b.html", "newwindow", "height=500, widt...

js遍历td tr等html元素

2017年02月06日 21 阅读

复制代码 代码如下: function checkuser（obj） { var obj = window.event.srcElement; var row = obj.parentElement.parentElement; var value = row.cells[0].all[0].value; var item = value.split（"|"）; alert（item）; if （item.length > 1） { if （item...

javaScript复制功能调用实现方案

2017年02月06日 21 阅读

复制代码 代码如下:验证码:<input type="text" id="code"/> <input type="button" value="复制" onclick="fuzhi（）"> <script type="text/javascript"> function fuzhi（）{ var codeVal=jQuery（"#code"）.val（）; alert（codeVal）; if （navigator.u...

使用透明效果来自定义文件上传按钮控件样式

2017年02月06日 20 阅读

upload... #ui-upload-holder{ position:relative;width:60px;height:35px;border:1px solid silver; overflow:hidden;} #ui-upload-input{ position:absolute;top:0px;right:0px;height:100%;cursor:pointer; opacity:0;filter:alpha（opacity:...

javascript 文件的同步加载与异步加载实现原理

2017年02月06日 19 阅读

HTML 4.01 的script属性 charset: 可选。指定src引入代码的字符集，大多数浏览器忽略该值。 defer: boolean, 可选。延迟脚本执行，相当于将script标签放入页面body标签的底部，js脚本会在document的DOMContentLoaded之前执行。除IE和较新版本的Firefox外，其他浏览器并未支持。 language: 已废弃。大部分浏览器会忽略该值。 src: 可选。指定引入的外部代码文件，不限制后缀名。 ...

js onkeypress与onkeydown 事件区别详细说明

2017年02月06日 21 阅读

onkeypress 和 onkeydown 是有区别，下面将讲解 onkeypress 与 onkeydown 事件的区别。 onkeypress 事件在用户按下并放开任何字母数字键时发生。但是系统按钮（例如：箭头键、功能键）无法得到识别。 onkeydown 事件在用户按下任何键盘键（包括系统按钮）时发生。 具体区别： 1. 一个放开一个没有放开，onkeydown 先于 onkeypress 发生。 2.onkeypress 无法系统按钮。 2.on...

Javascript Boolean、Nnumber、String 强制类型转换的区别详细介绍

2017年02月06日 21 阅读

下面就来详细说一说 Javascript 中 Boolean、Nnumber、String 强制类型转换的区别。 我们知道 Boolean（value） 是把值转换成Boolean类型，Nnumber（value） 是把值转换成数字（整型或浮点数），而 String（value） 是把值转换成字符串。先来分析下Boolean，Boolean在转换值为“至少有一字符的字符串”、“非0的数字”或“对象”的情况下返回true；在转换值为“空字符串”、“数字0”、...

JavaScript 产生不重复的随机数三种实现思路

2017年02月06日 18 阅读

在 JavaScript 中，一般产生的随机数会重复，但是有时我们需要不重复的随机数，如何实现？下面就来讲解三种方法产生不重复的随机数，并进行比较，看那种方法效率高。方法一 思路：首先创建一个1到3000的数组，每次取一个数，然后去除数组中取出的这个数， 这样就可以实现永不重复。 复制代码 代码如下: <script type="text/javascript"> var count=3000; var originalArray=new Ar...

js 操作select和option常用代码整理

2017年02月06日 20 阅读

1、获取选中select的value和text,html代码如下： 复制代码 代码如下: <select id="mySelect"> <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> </select> 则可通过以下sc...

Jquery 选中表格一列并对表格排序实现原理

2017年02月06日 25 阅读

在前端对表格排序的Jquery插件有很多，功能也很强大，比如说Jquery Data Tables对表格的处理就相当强大，可对表格进行排序，搜索，分页等操作，不过没有仔细研究过其实现原理。为了更好的理解在前端对表格进行排序的原理，也为了进一步的学习Jquery，所以决定用Jquery来实现一个对表格进行排序的小功能。 该实现的主要思想是：获取鼠标点击的表头单元格的列号，遍历数据行，获取每个<tr>中的html，同时获取每个<tr>标...

jQuery 选择表格（table）里的行和列及改变简单样式

2017年02月06日 21 阅读

jQuery对表格（table）的处理提供了相当强大的功能，比如说对表格特定行（row）或列（column）进行排序、样式改变等等。如果你的英文够好，你可以读读这篇文章：jQuery table manipulation。本文只是介绍如何用jQuery语句对表格中行和列进行选择以及一些简单样式改变，希望它可以对jQuery表格处理的深层学习提供一些帮助。比如我们有这样一个表格： 第一列第二列第三列第四列第一列第二列第三列第四列第一列第二列第三列第四列第一列...

2012世界末日倒计时代码 原来没事虚惊一场

2017年02月06日 22 阅读

这款时世界末日倒计时源代码，程序上有JS控制器，是用于网页中显示的倒计时器，自己可以设定世界末日的开始时间，网页倒计时世界末日源代码直接复制就可以用，无需下载，直接便可使用 网页倒计时世界末日源代码_js倒数世界之末日_脚本之家 function fu_count2012（） { var days = document.getElementById（"countDays"）; var hours = document.getElementById（...

javascript错误的认识不用关心内存管理

2017年02月06日 20 阅读

介绍 低层次的语言，如C，具有低级别的内存管理命令，如：malloc（）和free（），需要开发者手工释放内存。然而像javascript这样的高级语言情况则不同，对象（objects, strings 等）创建的时候分配内存，当他们不在使用的时候内存会被自动回收，这个自动回收的过程被称为垃圾回收。因为垃圾回收的存在，让javascript等高级语言开发者产生了一个错误的认识，以为可以不用关心内存管理。内存生命周期 不管什么样的编程语言，内存的生命周期基本...

FF火狐下获取一个元素同类型的相邻元素实现代码

2017年02月06日 21 阅读

复制代码 代码如下: // 兼容火狐获取一个节点的相同类型的上一个相邻节点 function perviousSiblingSameType（node , cnode ） { // 为空直接返回null if（node.previousSibling == null ） { return null ; } else { // 节点类型不相等继续递归 if（node.previousSibling.nodeType ！= cnode.nodeType） { ...