技术开发

JavaScript技术

CSS实现同一背景图的导航菜单

阅读(20) 作者(admin)

css实现导航菜单带背景图效果,sky整理收集。 ul,li{ list-style:none; float:left;} body{ font-size:12px; line-height:1.6; font-family:Verdana, "宋体", Arial; text-align:center;} #info li{ margin-le...

JavaScript中的一些定位属性[图解]
JavaScript技术

JavaScript中的一些定位属性[图解]

阅读(27) 作者(admin)

有这张图就够了,简单地说明一下

以Height为例,Width同理:

div.clientHeight:可见窗口除去了margin+border之后的长度。 div.offsetHeight:在div.clientHeight的基础上加了border和滚动条的长度。 div.scrollHeight:就是...

将rmb数字位钱数转化为中文钱数的js函数
JavaScript技术

将rmb数字位钱数转化为中文钱数的js函数

阅读(32) 作者(admin)

效果图:效果演示: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]核心代码:复制代码 代码如下:function ChangeRMBToCH(Num) { for(i=Num.length-1;i>=0;i--) { Num = Num.replace(",","")//替换tomoney()中的“,”...

JavaScript技术

javascript 封装的一个实用的焦点图切换效果

阅读(19) 作者(admin)

所以在原来的基础上改了下,封装起来,并做了进一步的优化,这样同一个页面就可以使用多个这样的效果了,xhtm和css没有变化,感兴趣的朋友可以在js上面可以跟之前的代码做个对比,这样更容易理解和掌握。有什么问题和建议请回帖...

JavaScript技术

JavaScript.Encode手动解码技巧

阅读(35) 作者(admin)

JS.Encode是在JS代码进行编码之后形成的“乱码”,此乱码除无法阅读之外,仍能够良好的执行。

往往在网页上有JS加密代码的解码方法,但是由于代码中存在转义字符,无法正确的进行解码。

JAVAScript使用以下八种转义字符...

基于jQuery的Spin Button自定义文本框数值自增或自减
JavaScript技术

基于jQuery的Spin Button自定义文本框数值自增或自减

阅读(28) 作者(admin)

有时候在设计表单时需要对文本框实现数值自增或自减功能,例如默认为1,点击向上按钮键则增加指定步长值,点击向下按钮键则减少指定步长值,使用jQuery插件jQuery Spin Button只需要几行代码就可实现该功能,效果如下图 使用说...

JavaScript技术

JS延迟加载(setTimeout) JS最后加载

阅读(19) 作者(admin)

第一 JS延迟加载 复制代码 代码如下: <script language="JavaScript" src="" id="my"></script> <script> setTimeout("document.getElementById('my').src='include/common.php'; ",3000);//延时3秒 </scri...

JavaScript技术

flexigrid 类似ext grid的JS表格代码

阅读(13) 作者(admin)

官方网站:http://www.flexigrid.info/

今天比较空闲,所以花了点时间用flexigrid做了简单例子,基于PHP,可以直接在支持PHP的环境里实验效果。

下载地址:http://xiazai.jb51.net/201007/yuanma/flexigrid.rar...

基于JQuery的Pager分页器实现代码
JavaScript技术

基于JQuery的Pager分页器实现代码

阅读(23) 作者(admin)

实例效果图如下

使用说明 需要使用jQuery库文件和JQuery Pager库文件(目前版本1.1)

素材准备 分页器CSS样式文件,可复制如下CSS样式,可命名为Pager.css

复制代码 代码如下: #pager ul.pages { display:block; bor...

JavaScript技术

JQUERY获取form表单值的代码

阅读(23) 作者(admin)

假如我们有如下页面: <input type="text" name="textname" id="text_id" value=""> ...........在此不写出来了

下面来看怎么取得FORM中的各种值等等; function get_form_value(){ /*获得TEXT.AREATEXT的值*/ var t...

JavaScript技术

关于flash遮盖div浮动层的解决方法

阅读(25) 作者(admin)

网上的解决方案: From:http://codingforums.com/showthread.php?t=95109 (a) place Flash embed script in <div> container (I use SWFObject.js)[将flash嵌入脚本放到一个div容器中] (b) add wmode=transparent to...

JavaScript技术

用JavaScript对JSON进行模式匹配(Part 1-设计)

阅读(19) 作者(admin)

至于筛选条件的描述,模式匹配是一种很常见也很好用的方式。在 JavaScript 里面,用 JSON 来描述模式又是相当方便的事情,所以我们来做一个 JSON 模式匹配工具吧。

用例设计 作为一个 dispatcher ,我们只需要两个方法: not...

JavaScript技术

javascript 从if else 到 switch case 再到抽象

阅读(16) 作者(admin)

我的答案是,超过两个 else 的 if ,或者是超过两个 case 的 switch 。可是在代码中大量使用 if else 和 switch case 是很正常的事情吧?错!绝大多数分支超过两个的 if else 和 switch case 都不应该以硬编码( hard-coded )的...

JavaScript技术

用JavaScript对JSON进行模式匹配 (Part 2 - 实现)

阅读(19) 作者(admin)

Notify & Capture 要实现 notify 和 capture 就太容易了,我们只需要把 capture 传入的 handler 都保存下来,然后在 notify 里面找到匹配的 handler 就可以了。 复制代码 代码如下: var filterHandlerBundles = []; Disp...

JavaScript技术

基于jquery的Repeater实现代码

阅读(31) 作者(admin)

如何实现一个js版的repeater? Asp.net WebForm的repeater控件挺好用,我想用js实现一个在Ajax应用中也该还不错!半年前做了一个jQuery.Repeater插件,并用在了一个项目中,如今拿来晒晒! 原理 项模板为HTML代码,插件接收json数...

JavaScript技术

javascript onmouseout 解决办法

阅读(20) 作者(admin)

onmouseout 发现它的触发太敏感,当经过层内文字链时,即触发onmousetout事件,功能不能正常显示,经过一番搜索,整理出来,供大家参考。

1、 复制代码 代码如下: <script type="text/javascript">   function test(obj, e)...

javascript下对于事件、事件流、事件触发的顺序随便说说
JavaScript技术

javascript下对于事件、事件流、事件触发的顺序随便说说

阅读(18) 作者(admin)

1.首先我们来了解几个概念,“事件”,“事件流”,“事件名称”,“事件处理函数/事件监听函数,也许是“老生常谈”,知道的朋友可以越过。

事件: 事件是用户自身或浏览器进行的特定行为。如:用户点击 也就是常用的click事件 事...

一个可绑定数据源的jQuery数据表格插件
JavaScript技术

一个可绑定数据源的jQuery数据表格插件

阅读(25) 作者(admin)

固定表头 列宽可调整 单击列头可排序 双击单元格可编辑 可绑定数据源

看下效果吧:HTML - 模板代码: 复制代码 代码如下: <table id="test"> <tr class="header"> <td style="width: 100px;" sort='true'> 姓名 </td>...

JavaScript技术

js模拟类继承小例子

阅读(18) 作者(admin)

复制代码 代码如下: //使用原型继承,中间使用临时对象作为Child的原型属性,临时对象的原型属性再指向父类的原型, //防止所有子类和父类原型属性都指向通一个对象. //这样当修改子类的原型属性,就不会影响其他子类和父类...

javascript 循环读取JSON数据的代码
JavaScript技术

javascript 循环读取JSON数据的代码

阅读(24) 作者(admin)

服务端后台返回到客户端的JSON格式字符串: var str = '[{"uname":"王强","day":"2010/06/17"},{"uname":"王海云","day":"2010/06/11"}]';

  我们把它转换成JSON对象:var jsonList=eval("("+str+&q...

JavaScript技术

JavaScript 浏览器验证代码(来自discuz)

阅读(19) 作者(admin)

在看 Discuz! 的源码的时候,发现了一段浏览器验证的代码,还是比较经典的: 复制代码 代码如下: var BROWSER = {}; var USERAGENT = navigator.userAgent.toLowerCase(); alert(USERAGENT); BROWSER.ie = window.ActiveXO...

JavaScript技术

IE6,IE7下js动态加载图片不显示错误

阅读(16) 作者(admin)

先描述一下出现这种匪夷所思bug的背景: 我在页面加载的时候加载一堆小缩略图,<a href="javascript:void(0);" onclick="switch_image('1.jpg')"><img src="1.thumb.jpg" /></a> 这么多小的缩略图标签循环平铺下来,当单击...