雅虎UI 取色器 【笨笨 20151005】
来源:互联网 发布:数据恢复案例视频教程 编辑:程序博客网 时间:2024/04/29 12:44
有时想查看下颜色的16进制和RGB转的。这都要打开PS也太坑了。
20151005 国庆在家东拼西凑的。
大家好,我是笨笨,笨笨的笨,笨笨的笨。
用的是雅虎的UI库,所以就叫“雅虎UI 取色器 ”了(不是单文件,所以放到百度盘了。以后有心情可以考虑用自解压打个包)
链接: http://pan.baidu.com/s/1bnnw8KR 密码: whsm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><!-- 有时想查看下颜色的16进制和RGB转的。这都要打开PS也太坑了。20151005 国庆在家东拼西凑的。大家好,我是笨笨,笨笨的笨,笨笨的笨。--><head><title>雅虎UI 取色器 【笨笨 20151005】 http://blog.csdn.net/jx520</title><script type="text/javascript">while (true) { try { var width = 500, height = 350; window.resizeTo(width, height); window.moveTo((window.screen.width - width) / 2, (window.screen.height - height) / 2); break; } catch (e) { continue; }}</script><HTA:APPLICATION APPLICATIONNAME="ColorPicker" ID="JHTA" VERSION="1.0" BORDER="dialog" SCROLL="no" SINGLEINSTANCE="yes" CONTEXTMENU="yes" NAVIGABLE="yes"/><style type="text/css">/*margin and padding on body element can introduce errors in determining element position and are not recommended; we turn them off as a foundation for YUI CSS treatments. */body {margin:0;padding:0;text-align: center;}</style><!-- Dependencies --><script src="./script/utilities.js" ></script><script src="./script/slider-min.js" ></script> <!-- Color Picker source files for CSS and JavaScript --><link rel="stylesheet" type="text/css" href="./css/colorpicker.css"><link rel="stylesheet" type="text/css" href="./css/fonts-min.css" /><script src="./script/colorpicker-min.js" ></script><!--begin custom header content for this example--><style type="text/css"> #container { position: relative; padding: 6px; background-color: #eeeeee; width: 420px; height:180px; } #container .yui-picker-controls li { list-style: none; }</style><!--end custom header content for this example--></head><body class="yui-skin-sam"><h1>Color Picker</h1><!--BEGIN SOURCE CODE FOR EXAMPLE =============================== --><div id="container"></div><!--We'll use these to trigger interactions with the Color PickerAPI --><p/><button id="reset" style=" width:200px;">重置为白色</button><button id="gethex" style=" width:200px;">复制颜色值</button> <script type="text/javascript">(function() { var Event = YAHOO.util.Event, picker; Event.onDOMReady(function() {//YAHOO.log("Creating Color Picker.", "info", "example"); picker = new YAHOO.widget.ColorPicker("container", { showhsvcontrols: true, showhexcontrols: true,images: {PICKER_THUMB: "assets/picker_thumb.png",HUE_THUMB: "assets/hue_thumb.png" } });//YAHOO.log("Finished creating Color Picker.", "info", "example");//a listener for logging RGB color changes;//this will only be visible if logger is enabled:var onRgbChange = function(o) {/*o is an object{ newValue: (array of R, G, B values), prevValue: (array of R, G, B values), type: "rgbChange" }*///YAHOO.log("The new color value is " + o.newValue, "info", "example");}//subscribe to the rgbChange event;picker.on("rgbChange", onRgbChange);//use setValue to reset the value to white:Event.on("reset", "click", function(e) {picker.setValue([255, 255, 255], false); //false here means that rgbChange //wil fire; true would silence it});//use the "get" method to get the current value//of one of the Color Picker's properties; in //this case, we'll get the hex value and write it//to the log:Event.on("gethex", "click", function(e) {//YAHOO.log("Current hex value: " + picker.get("hex"), "info", "example"); //window.prompt("复制颜色值: Ctrl+C, 回车", "text");var meintext = document.getElementById("yui-picker-hex").value;window.clipboardData.setData("Text", meintext);//=====================document.getElementById("tips").style.background ="#"+meintext;var attributes = {top: { from: 100, to: 100, unit: 'px' },top: {from: 100, by: -200 }}; var myAnim = new YAHOO.util.Anim('tips', attributes);myAnim.duration = .7;myAnim.method = YAHOO.util.Easing.easeIn;myAnim.animate();//==========================visibility:hidden;}); });})();</script><!--END SOURCE CODE FOR EXAMPLE =============================== --><div id="tips" style="background:#888888;padding:20px;position:absolute; left:120px; top:500px;width:200px; height:25px; z-index:1;border-color : #969696; "><div style="background:#888888;color:white;font-weight:bold;">复制成功!</div></div></body></html><!-- SpaceID=0 robot --><!-- VER-3.0.235613 --><!-- doc3.ydn.gq1.yahoo.com compressed/chunked Tue Jul 30 21:13:48 PDT 2013 -->
0 0
- 雅虎UI 取色器 【笨笨 20151005】
- 雅虎
- 雅虎
- 雅虎搜索引擎
- 雅虎通
- 雅虎公告
- 雅虎历史
- 雅虎优化
- 雅虎军规
- 雅虎军规
- 雅虎校园招聘和雅虎笔试题
- 开通雅虎POP服务
- 阿里巴巴七夕节情定雅虎
- 雅虎又回来了
- 雅虎越来越无可救药了?
- 2007.8雅虎面试题目
- 总结雅虎面试题目
- 雅虎邮箱优化实验
- android studio图标
- jfinalQ开发教程09-qiao-util.jar:其他工具
- 八皇后算法
- Fourier Transform Intro - Fourier Integral Theorem
- jfinalQ开发教程10-qiao.js:js工具和bootstrap封装
- 雅虎UI 取色器 【笨笨 20151005】
- Android 自定义Galley中图片未居中显示问题
- Hadoop2.7.1——NFS部署
- 动软代码生成器v2.78Mysql备注生成完美修复dll
- IDM破解实录
- storm初识
- 万能的meta,属性详解
- CISCO学习笔记(三)交换机的基本原理及vlan和vlan间路由
- Eclipse错误:Conversion to Dalvik format failed with error 1