前端咖

摘要： 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 ) 阅读全文

摘要： 颜色值相互转换，由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 阅读全文

摘要： 选项卡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); 阅读全文

摘要： 运行代码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); } })();} 测试 测试。。。 运行代码 阅读全文

摘要： 效果主动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 阅读全文

摘要： 为上层绑定OnItemDataBound事件*.aspx部分代码： <asp:Repeater runat="server" ID="repTest" OnItemDataBound="BindDate"> <ItemTemplate> <asp:Repeater runat="server" ID="repDate"> <ItemTemplate> Eval("START_DATE") </ItemTemplate> 阅读全文

摘要： 一、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 阅读全文

摘要： 现行渐变首先看下示例（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 阅读全文

摘要： 一、水平方向上的反复运动例如：水平宽度：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 阅读全文

摘要： 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字符串序列。如果没有参数 阅读全文