摘要: 1、加深color颜色的值采用rgb计算方式 num = Math.floor( num * ( 1 - level ));2、减淡color颜色的值采用rgb计算方式 num = Math.floor(( 255 - num) * level + num )3、web安全色采用rgb计算方式 将num除以51再乘以51分别向下、向上取整,尽兴比较 tmp1 = Math.floor( num / 51 ) * 51; tmp2 = Math.ceil( num / 51 ) *51; if(Math.abs( tmp1 - num ) <= Math.abs( tmp2 - num ) 阅读全文
posted @ 2012-02-01 11:39 前端咖 阅读(9502) 评论(0) 推荐(1) 编辑
摘要: 颜色值相互转换,由hex到rgb或由rgb到hex,注意主要是字符串的操作和正则表达式的应用var Color = function (){ //将hex装换成rgb形式 this.HexToRgb = function (str){ var r = /^\#?[0-9a-f]{6}$/; if (!r.test(str)) return window.alert("输入hex颜色值有误!!!"); //test方法检查在字符串中是否存在一个模式,如果存在则返回true,否则返回false str = str.replace("#", "&qu 阅读全文
posted @ 2012-01-31 17:56 前端咖 阅读(905) 评论(0) 推荐(0) 编辑
摘要: 选项卡1、首先看下效果,如下图:2、html结构<div id="test"> <dl><dd>第一项</dd><dd>第二项</dd><dd>第三项</dd></dl> <div>内容。。。</div></div>3、javascript代码创建一个Tab函数,你也可以叫它类(javascript没有类的概念)。 function Tab(id) { this.obj = document.getElementById(id); 阅读全文
posted @ 2012-01-31 15:16 前端咖 阅读(278) 评论(0) 推荐(0) 编辑
摘要: 运行代码1、html结构,需要textarea和button标签2、javascript代码,为每个button绑定事件for(var i=0;i (function(){ btns[i].onclick=function(){ var w = window.open(); w.document.write(txts[i].value); } })();} 测试 测试。。。 运行代码 阅读全文
posted @ 2012-01-31 13:27 前端咖 阅读(257) 评论(0) 推荐(0) 编辑
摘要: 效果主动select影响从动select。 创建Linkage函数 function Linkage(o1,o2){ //接受传过来的IDthis.obj1 = document.getElementById(o1); this.obj2 = document.getElementById(o2);//定义绑定select数据的值 var obj1Data = "1|2|3".split("|"); var obj2Data = ["--无--".split("|"),"a1|a2|a3".sp 阅读全文
posted @ 2012-01-30 17:50 前端咖 阅读(386) 评论(0) 推荐(0) 编辑
摘要: 为上层绑定OnItemDataBound事件*.aspx部分代码: <asp:Repeater runat="server" ID="repTest" OnItemDataBound="BindDate"> <ItemTemplate> <asp:Repeater runat="server" ID="repDate"> <ItemTemplate> Eval("START_DATE") </ItemTemplate> 阅读全文
posted @ 2012-01-30 14:28 前端咖 阅读(205) 评论(0) 推荐(0) 编辑
摘要: 一、XML DOM中的节点类型XML DOM与HTML DOM中的节点类型相似1、整个XML文档是一个文档节点(Document)2、每个XML标签是一个元素节点(Element)3、在XML标签中的文本是一个文本节点(Text)4、在XML标签中的每个属性是一个属性节点(Attr)5、XML文档中的注释是一个注释节点(Comment)示例: <item name="hello" >你好</item>element attrtext二、解析XML文件1、首先创建XMLDOM对象IE中使用 new ActiveXObject("Microso 阅读全文
posted @ 2012-01-20 16:48 前端咖 阅读(604) 评论(0) 推荐(0) 编辑
摘要: 现行渐变首先看下示例(1)垂直渐变(2)垂直渐变IE系列filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FF0000',endColorStr='#F9F900',gradientType='0');参数:startColorStr起始颜色 endColorStr结束颜色 gradientType为0时代表垂直,为1时代表水平Firefoxbackground: -moz-linear-gradient(top, #FF0000, #F9F900);参数:top 阅读全文
posted @ 2012-01-20 10:33 前端咖 阅读(4918) 评论(0) 推荐(0) 编辑
摘要: 一、水平方向上的反复运动例如:水平宽度:50px小球直径:6pxhtml结构: <div id="line" class="line"> <div id="point" class="point" > </div> </div>css样式:.line{position: relative;width: 100px;height: 100px;border-bottom: 1px solid red;left: 100px;top: 100px;}.point{widt 阅读全文
posted @ 2012-01-19 15:47 前端咖 阅读(589) 评论(0) 推荐(0) 编辑
摘要: 1、charCodeAt方法返回一个整数,代表指定位置字符的Unicode编码。strObj.charCodeAt(index)说明:index将被处理字符的从零开始计数的编号。有效值为0到字符串长度减1的数字。如果指定位置没有字符,将返回NaN。例如: var str = "ABC"; str.charCodeAt(0);结果:652、fromCharCode方法从一些Unicode字符串中返回一个字符串。String.fromCharCode([code1[,code2...]])说明:code1,code2...是要转换为字符串的Unicode字符串序列。如果没有参数 阅读全文
posted @ 2012-01-18 15:53 前端咖 阅读(6913) 评论(1) 推荐(1) 编辑