游客

标题:【JS颜色选择器】216种web安全色选择器
正文:
查看示例：http://camnpr.com/TuiJianTools/jsdemo/color.html 使用方法：js引用：将下面的JS源码存入您的JS文件或者网页的<head><script>JS代码</script></head>标签中HTML要求：页面的HTML代码中必须包含三个元素，即：触发手柄、显示选中颜色的节点、显示筛选出来的216种颜色的节点
例：
触发手柄 <input type="button" value="按钮选取颜色" id="myhand" />
显示选中颜色的节点 <input type="button" value="#FFFFFF" id="showColor" />
显示筛选出来的216种颜色的节点 <div id="color"></div>CSS要求：
然后再将CSS源码放在头部的<head>标签中引用：满足JS、HTML、CSS的要求后就只剩下引用来让效果生效了
window.onload = function(){
var Fcolor = new getColor(F$("myhand"), F$("showColor"), F$("color"), "click");
Fcolor.init();
};
引用解说：
将这段JS与前面说过的JS源码引用之后就可以。
onload函数是起待页面加载完成后执行
getColor()该函数就是取色效果的核心函数，其接受4个参数，依次是：触发手柄节点、显示选中颜色的节点、显示筛选出来的216种颜色的节点、鼠标触发方式『click表示点击弹出颜色选择框』
F$()该函数相当于document.getElementById(); 只是一个辅助函数以上解释在演示的源码中都可以看明白。HTML源码：<input type="button" value="按钮选取颜色" id="myhand" /> <span id="spanhand">其他标签选取颜色</span>
<
[<<][[1]][2][3][>>]

查看评论(0)
发表评论

 首页