by 清泉
5. 六月 2009 14:51
能够根据自定义的菜单数据和select,自动设置联级的下拉菜单,可定义默认值。
其中参数1是菜单结构:
菜单对象
var menu = [
{'val': '1', 'txt': 'value'},
{'val': '2 ->', 'menu': [
{'val': '2_1'},
{'val': '2_2'}
]},
[更多...]
by 清泉
5. 六月 2009 14:44
【程序说明】
这个效果主要分三个部分:层的拖放、层的缩放、图片切割(包括预览)。
其中层的拖放和层的缩放我已经在其他两篇文章中有详细说明,这里就说说图片切割这部分吧。
【图片切割】
关于图片切割的设计,有三个方法:
1.定位四个半透明层,遮住要盖住的部分,没试过,感觉比较麻烦;
2.把图片设为背景图,通过设置背景图的位置来实现,但这样的缺点是只能按图片的正常比例实现,不够灵活;
3.把图片放到切割对象里面,通过设置图片的top和left实现,这个方法是可行,但下面有更简单的方法实现;
4.通过设置图片的clip来实现。
[更多...]
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")
[更多...]
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>
[更多...]
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);
[更多...]
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函数啊,但是为什么出来的结果是正确的呢?
[更多...]
by 清泉
26. 三月 2009 15:14
JS获取几种URL地址的方法
thisURL = document.URL;
thisHREF = document.location.href;
thisSLoc = self.location.href;
thisDLoc = document.location;
[更多...]
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 进行模拟。这里有一些
实例。
[更多...]
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"
[更多...]
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>
[更多...]
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;
}
[更多...]