JavaScript 自定义多级联动下拉菜单

by 清泉 5. 六月 2009 14:51

能够根据自定义的菜单数据和select,自动设置联级的下拉菜单,可定义默认值。
 其中参数1是菜单结构:
菜单对象
var menu = [
    {'val': '1', 'txt': 'value'},
    {'val': '2 ->', 'menu': [
        {'val': '2_1'},
        {'val': '2_2'}
    ]},

[更多...]

Tags: ,

JS相关技术

JavaScript 图片切割、图片截取

by 清泉 5. 六月 2009 14:44

【程序说明】
这个效果主要分三个部分:层的拖放、层的缩放、图片切割(包括预览)。
其中层的拖放和层的缩放我已经在其他两篇文章中有详细说明,这里就说说图片切割这部分吧。

【图片切割】
关于图片切割的设计,有三个方法:
1.定位四个半透明层,遮住要盖住的部分,没试过,感觉比较麻烦;
2.把图片设为背景图,通过设置背景图的位置来实现,但这样的缺点是只能按图片的正常比例实现,不够灵活;
3.把图片放到切割对象里面,通过设置图片的top和left实现,这个方法是可行,但下面有更简单的方法实现;
4.通过设置图片的clip来实现。 [更多...]

Tags: , ,

JS相关技术

FLV在线flash播放器JW PLAYER

by 清泉 19. 五月 2009 09:37
JW PLAYER 是一个界面简洁、功能齐全的在线flv flash播放器.有着很多可选控制参数。
多个参数可以混合使用,下面选择几个作简要说明:
file  (FLV文件的地址,如果不设置则默认为jw player flv网页播放器同目录的video.flv)
autostart (是否允许自动播放,"true"或者"false")
image (未播放时的预览图片,只支持JPEG格式)
repeat (是否重复播放)
clicktext (开始时显示的文字,默认是"click to play") [更多...]

Tags: , , ,

JS相关技术 | 学习心得

三级联动菜单

by 清泉 22. 四月 2009 13:00
<SCRIPT LANGUAGE="JavaScript">
<!--
// 功能:三级联动菜单
// 应用:一般情况下用于省份、城市、市区 的联动选择。
// 示例:
// <form method="post" action="">
// <select name="s1" size="1" id="s1"></select>
// <select name="s2" size="1" id="s2"></select>
// <select name="s3" size="1" id="s3">
// </form> [更多...]

Tags:

JS相关技术

重新载入javascript文件的方法

by 清泉 28. 三月 2009 13:19
重新载入javascript文件的方法(给js定个id),
function reloadAbleJSFn(id,newJS)
{
var oldjs = null;
var t = null;
var oldjs = document.getElementById(id);
if(oldjs) oldjs.parentNode.removeChild(oldjs); [更多...]

Tags:

JS相关技术

对onreadystatechange属性的理解

by 清泉 28. 三月 2009 13:15
    看看startRequest函数。我们发现xmlHttp.onreadystatechange指向了一个函数,这个函数是在xmlHttpRequest.readyState发生改变的时候触发。我们再来看startRequest函数,想象一下整个请求发送的步骤。现在我们点击一个按钮,触发了一个startRequest函数。函数往下走,第一步是createXmlHttpRequest(),它的作用是创建一个xmlHttpRequest对象,当它完毕的时候,xmlHttpRequest.readyState的值是0(window.alert跟踪得到的),程序继续往下走,xmlHttp.onreadystatechange = handlestatechange,因为状态没有改变(xmlHttpRequest.readyState的值是0),所以不触发函数,紧接着是Open()和Send(),那么,整个函数从头到尾都应该没有触发handlestatechange函数啊,但是为什么出来的结果是正确的呢? [更多...]

Tags:

JS相关技术

通过JS获取几种URL地址

by 清泉 26. 三月 2009 15:14

JS获取几种URL地址的方法
thisURL = document.URL;
thisHREF = document.location.href;
thisSLoc = self.location.href;
thisDLoc = document.location;

[更多...]

Tags:

JS相关技术

9个基于JavaScript 和CSS的Web 图表框架

by 清泉 17. 三月 2009 09:32
jQuery, MooTools, Prototype 等优秀的 JavaScript 框架拥有各种强大的功能,包括绘制 Web 图表,使用这些框架以及相应插件,我们可以非常轻松地实现曲线图,圆饼图,柱状图等 Web 图表的绘制,而不必象以往那样通过复杂的 Flash 技术实现。本文介绍了9个优秀的基于 JavaScript 与 CSS 的 Web 图表框架。
1. Flot
Flot 是一个纯粹的 jQuery JavaScript 绘图库,可以在客户端即时生成图形,使用非常简单,支持放大缩小以及鼠标追踪等交互功能。该插件支持 IE6/7/8, Firefox 2.x+, Safari 3.0+, Opera 9.5+ 以及 Konqueror 4.x+。使用的是 Safari 最先引入的 Canvas 对象,目前所有主流浏览器都支持该对象,除了 IE, 因此在 IE中使用 JavaScript 进行模拟。这里有一些实例[更多...]

Tags:

JS相关技术

Js中实现拼音和UrlEncode的功能(利用GB和Unicode对照表)

by 清泉 13. 三月 2009 09:31
 经常用vb写的urlencoding很容易实现UrlEncode,以及代码很容易改写成vbs从而实现部分汉字的拼音
但由于有些人需要完全用javascript写,而javascript默认是Unicode
所以就需要一个Unicode和GB的转换库
Unicode和GB的转换库和UrlEncode和getSpell函数,请下载
http://www.blueidea.com/user/qswh/qswhU2GB.js
var qswhU2GB=[];//Unicode和GB的对应表,略
var qswhSpell=[];//拼音的对照表,略
[更多...]

Tags:

JS相关技术

JS数组排序

by 清泉 13. 三月 2009 09:29
string数组排序可以直接用 String的localCompare()方法
function compareStrings(string1,string2)
{
    return string1.localeCompare(string2);
}
可以直接调用 reverse() 方法进行反序
 var arr=[2,6,3,77,33,11,4];
arr.sort(compareIntegers);          //outputs "2,3,4,6,11,33,77"
alert(arr.toString());
arr.reverse();
alert(arr.toString());                    //outputs "77,33,11,6,4,3,2" [更多...]

Tags:

JS相关技术

使用Javascript正则表达式来格式化XML内容

by 清泉 8. 三月 2009 10:55
使用得是Emeditor ,在看XML文档时,总是因为格式混乱而看不清。这个是一个Emeditor宏来自动格式化XML。下载:formatXml.rar (1,021.00 bytes) 
下面这段是这个网页版的javascript格式化XML的代码。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <meta http-equiv=content-type content="text/html; charset=UTF-8">
    <title>Xml格式化工具</title> [更多...]

Tags:

JS相关技术 | 学习心得

js实现按中文首字母查询相关数据

by 清泉 7. 三月 2009 15:22
       做电子名片需要用到根据英文字母查询其相应的数据,即为:点击“w”,即可查询出以“w”开头的“忘”,“王”,“吴”字的数据。以下是实现此功能的相关代码。用到了我国已经颁布了多种中文信息编码标准,常用的是GB2312-1980,GB12345,GB13000(GBK),以及最新标准GB18030。从GB2312-1980编码开始,汉字都是采用双字节编码。
    function toPinyinOnly(str)
    {
        var pStr = ""
        for (var i=0; i<str.length; i++)//将汉字转换为拼音。“乌鸦”-->“wuya”//依次过滤数据
            pStr += pinyin(str.charAt(i));
        return pStr;
    } [更多...]

Tags:

JS相关技术



Supidea.com 晨飞的梦 @ All Rights Reserved. Powered by BlogYi.NET ver:1.8.0.0. 苏ICP备09011404号

关于博主

kamau
抱着美好的理想背井离乡,这酸甜苦辣只能默默忍受。既然选择了路,就得风雨兼程……

Calendar

<<  九月 2010  >>
303112345
6789101112
13141516171819
20212223242526
27282930123
45678910

在日历中查看文章

最近的评论

Comment RSS

声明

      本博所发一切破解相关附件只作学习研究交流之用,严禁用于商业用途,请在下载24小时内删除。
      本博所有网友评论不代表本博立场,版权归其作者所有。

© Copyright 2009