-
JavaScript读取元素的CSS信息
所属栏目:[模式] 日期:2018-08-31 热度:103
在前端开发的工作中,总是会涉及到一些 Java Script和CSS信息交互的内容。比如为某个HTML元素级联了一组样式信息,其中width属性的值为80px。然后调用脚本读取这个值,得到的结果总是一个空字符串,而事实上我想得到80px。针对这种情况,David Flanagan在[详细]
-
JavaScript函数获取鼠标坐标的代码
所属栏目:[模式] 日期:2018-08-31 热度:183
下午想做个鼠标跟随的JS脚本,发现浏览器兼容问题还真是烦人,还有滚动条位置的问题。 还好网上什么都有,上网找了一个浏览器兼容性最佳的函数,经测试兼容IE、FireFox、 Chrome ,并且不会有滚动条误差问题,存档下,以备后用 :) Copy to Clipboard 引用[详细]
-
JavaScript函数获取元素位置坐标的代码
所属栏目:[模式] 日期:2018-08-31 热度:78
这是一个获取元素位置坐标的JS函数,分享给大家,更多JavaScript,请访问烈火网中文手册:http://www.veryhuo.com/a/manual/jscript/ Copy to Clipboard 引用的内容:[www.veryhuo.com]function elementLeft(e){ var offset = e.offsetLeft; if(e.offsetPa[详细]
-
JavaScript如何实现重载?
所属栏目:[模式] 日期:2018-08-31 热度:167
ECMAScript中的函数不能重载.但可以用相同的名字在一个作用域中定义两个函数而不会引发错误,但真正使用的是最后一个函数. Copy to Clipboard 引用的内容:[www.veryhuo.com]function doAdd(iNum) { alert(iNum+100); } function doAdd(iNum) { alert(iNum+[详细]
-
JS 判断 iframe 是否加载完成的代码
所属栏目:[模式] 日期:2018-08-31 热度:125
一般来说,我们判断 iframe 是否加载完成其实与 判断 Java Script 文件是否加载完成 采用的方法很类似: Copy to Clipboard 引用的内容:[www.veryhuo.com]var iframe = document.createElement(iframe); iframe.src = http://www.veryhuo.com; if (!/*@cc[详细]
-
JavaScript 控制层始终位于网页中间
所属栏目:[模式] 日期:2018-08-24 热度:84
烈火网(LieHuo.Net)教程 有人在技术群问能否实现让一个层永远在网页中间,无论窗口放大还是缩小,答案是肯定的,下面就来说一下如何使用javascript来实现,实例代码如下: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org[详细]
-
Javascript 框架之继承机制
所属栏目:[模式] 日期:2018-08-24 热度:191
烈火网(LieHuo.Net)教程 大一点的框架都有这个东西。Prototype原来的继承机制非常弱,为了与mootools对抗也强化了这一方面。嘛,要用原型继承来模仿类继承,都基本存在一个克隆函数。把父类的原型属性复制到子类上去。理念的东西暂时这么多,动手实践一下[详细]
-
Javascript 框架之全局变量
所属栏目:[模式] 日期:2018-08-24 热度:198
纵观各大类库的实现,一开始基本都是定义一个全局变量,然后对它进行扩展。如Prototype.js的Prototype,mootools的Native,Base2的Base,Ext的Ext,JQuery的JQuery,YUI的YUI,dojo的dojo,MochiKit的MochiKit等等。从全局变量的污染程度来看,分为两大类,Pr[详细]
-
Javascript 操作下拉框的常用方法
所属栏目:[模式] 日期:2018-08-24 热度:63
烈火网(LieHuo.Net)教程 项目中碰到需要用javascript操作下拉框的情况,顺便做一下总结,列出一些常用方法,以下方法均在FIRFOX3.5及 IE8 上测试过,如有其他浏览器无法正常运行的请与笔者联系。 文章来自:http://www.cnblogs.com/liuwu/ 作者:刘武[详细]
-
引用百度popup.js页面无响应的解决方法
所属栏目:[模式] 日期:2018-08-24 热度:162
百度空间的弹出窗口和拖拽效果(也就是popup.js),看起来挺不错的,用起来也相当好,如上图所示。现在很多知名网站都是用的这样的技术。 最近在项目开发过程中,引用popup.js的页面弹出层在IE6下会引起浏览器进程卡死,而在IE7、8、FF、 Chrome 下是正常的。于[详细]
-
Javascript 级联(Cascade)的实现
所属栏目:[模式] 日期:2018-08-24 热度:86
说到级联,请先看下面一段代码: 也许会有点眼熟,如果使用jquery或者看过jquery的一些代码,应该会见过类似的使用方法。级联操作时,每一个方法都返回this,所以在一条语句中可以依次调用很多方法。 对于 Java Script级联,Google了一番,搜出来的基本都[详细]
-
利用JavaScript实现数字的格式化(三位分节法)
所属栏目:[模式] 日期:2018-08-24 热度:54
有人问一个关于数字格式化的问题,对于一串数字,实现三位分节法表示法(例:629,200,000.206),把数字从后往前,每三位分一段,中间加个逗号分隔。要求使用 Java Script先把数字转换成整数,然后再转换成三位分节表示法,自己简单写了一个函数。 br /cente[详细]
-
简单高效的javascript 幻灯片播放效果
所属栏目:[模式] 日期:2018-08-24 热度:118
烈火网(LieHuo.Net)教程 见过很多 Java script 幻灯片播放效果,觉得太复杂了,自己编写一个简单,css滤镜效果暂时不支持 firfox 全部代码如下,图片路径需要自己修改。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/T[详细]
-
改进版:JavaScript 颜色梯度和渐变效果
所属栏目:[模式] 日期:2018-08-24 热度:186
近来看了Dean的Convert any colour value to hex in MSIE,终于解决了根据关键字获取颜色rgb值的问题。 !DOCTYPE htmlhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312 /title Java Script 颜[详细]
-
JavaScript 颜色梯度和渐变效果(上)
所属栏目:[模式] 日期:2018-08-24 热度:71
烈火网(LieHuo.Net)教程 很久没写文章,太忙了。没什么时间写复杂的东西,重新把颜色渐变效果写一遍。关于颜色的效果一般就两个,颜色梯度变化和样式的颜色渐变,前者在ie中一般用滤镜实现。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN[详细]
-
JavaScript动态添加'onkeypress'事件
所属栏目:[模式] 日期:2018-08-18 热度:104
烈火网(LieHuo.Net)教程 如下代码,window.load=srchtxtAddOnKeyPress() 等同于 body的onload()事件。一般我们将js放置在页面的 head 部分。但,在这里,如果放在head部分肯定出错。因为页面会先加载js,然后再加载input type=text id=srchtxt / 这样,在[详细]
-
javascript的缓动效果(第2部分)
所属栏目:[模式] 日期:2018-08-18 热度:190
上一篇文章《Javascript的缓动效果(第1部分)》这部分对原先的缓动函数进行抽象化,并结合缓动公式进行强化。成品的效果非常惊人逆天。走过路过不要错过。 好了,打诨到此为止。普通的加速减速是难以让人满意的,为了实现弹簧等让人眼花缭乱的效果必须动[详细]
-
Javascript的缓动效果(第1部分)
所属栏目:[模式] 日期:2018-08-18 热度:124
缓动,学名为Tween,缓冲移动的简称。要想页面内容切换起来舒服,就使用淡入淡出特效,要想让页面元素动起来自然,就要使用缓动效果。这两个混合起来,可以衍生多种特效的。感谢Flash开发人员为我们做了那么多先行研究,我们直接把它们拆出来装在各种菜单[详细]
-
Javascript验证密码强度的实例代码
所属栏目:[模式] 日期:2018-08-18 热度:118
烈火网(LieHuo.Net)教程 web2.0日益发展的今天,很多论坛和博客都在用户注册时添加了验证密码强度的功能。近日收到很多站长来信,要求烈火网小编出一些这方面的实例,今天我们就来分享一段实例代码,如下: htmltitlejavascript密码强度验证-烈火网LIEHUO.[详细]
-
Javascript 面向对象编程 function是方法(函数)
所属栏目:[模式] 日期:2018-08-18 热度:190
在进行编程时,必免不了要碰到复杂的功能。初学者最怕复杂的功能,因为不能够很好的进行功能边界划分,只能一大串if、循环加case堆叠在一起,结果出来的程序自己看着晕,别人看着更晕。好程序不是写给computer的,而是写给human的。遇到复杂功能,应该想着[详细]
-
JavaScript的OO特性:静态方法
所属栏目:[模式] 日期:2018-08-18 热度:64
所谓静态方法,是一种属于类的所有实例,不属于类的特定实例的方法,只能由类调用,而不能由类实例直接调用. 在C#中,声明一个静态方法无疑是非常简单轻松的事,只需要一个关键字:static即可. 那么在 Java Script中,如果我们确定我们需要一个由某个类操纵的方法,[详细]
-
Javascript中frame对象几种访问方法
所属栏目:[模式] 日期:2018-08-18 热度:123
烈火网(LieHuo.Net)教程 在js中,访问frame的方法是调用window对象中的frames集合。其访问frame的方法有以下几种: 如果是在顶层,还可以使用window.top.frame名称 来访问。例,有一个frameset如下。我们将在top中访问bottom对象。 访问代码如下:[详细]
-
JavaScript写的“山寨版”树形菜单
所属栏目:[模式] 日期:2018-08-18 热度:162
烈火网(LieHuo.Net)教程 今天突然心血来潮,想用js写点东西,也许是闷得太久了吧。于是乎,这山寨版jsTree就出来了。 说他山寨是因为js水平有限,写出来的东西自己玩玩还可,真要用到项目中,还需深加工,还需再改造。废话少说吧,上代码: !DOCTYPE html[详细]
-
Javascript实现可以拖动的层示例
所属栏目:[模式] 日期:2018-08-18 热度:176
烈火网(LieHuo.Net)教程 帮一朋友临时写的《javascript实现可以拖动的层示例(层拖动,兼容IE/FF) 》,感觉还算简洁,效果也还不错,记下来,避免下次再造轮子。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1[详细]
-
JavaScript 弹出窗口代码形式及使用说明
所属栏目:[模式] 日期:2018-08-18 热度:50
烈火网(LieHuo.Net)教程 javascript对话框有以下几中形式: 1、alert() 2、confirm() 3、直接调用window.event.returnValue弹出对话框 4、prompt() 一、alert alert对话框只一个确定按扭。如下图: 用法: 二、confirm confirm对话框含有确定和取消按钮。如[详细]
