他便给我截了个图是,QQ商城的分类菜单,效果如下:我看了一下,咦!咱们这博客园也是这种呀!我自己之前也没做过这种效果,正好自己试试!(我不是做美工的,不过到js略懂罢了!) 一、分析: 1,右边大分类肯定是一个层下面用divMenuContent表示 2,左边鼠标移上去的那个应该也是个层,下面用divMenuItem表示 问题:怎么样表现过如图的样子呢?左边和右边看起来是一体的!于是想到divMenuItem的右边为none,而且z轴高于divMenuCont...
HTML颜色选择器 范围:#000 - #FFF //  '); } document.writeln(''); var begin = 0; for (var i = 0; i '); for (var g = begin; g '); } } document.writeln(''); } } // ]]> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
代码如下: //整除 function Div(exp1, exp2) { var n1 = Math.round(exp1); //四舍五入 var n2 = Math.round(exp2); //四舍五入 var rslt = n1 / n2; //除 if (rslt >= 0) { rslt = Math.floor(rslt); //返回值为小于等于其数值参数的最大整数值。 } else { rslt = Math.ceil(rslt); //返回值为大于等于其数字参数的最小整数。 } return rslt; }
tip.js 代码如下: function tips(obj,tag){ var tip = document.createElement(div),arg= arguments[2],left,top; //创建tipbox var bodywid= document.documentElement.clientWidth; //这里也可以替换为容器的宽度$(id).outerWidth(); var abs = obj.getElementsByTagName(tag); tip.className="tip_bd"; obj.appendChild(tip); for(var i=0,len=abs.length;i<len;i++){ hover(abs[i],function(){ var content = arg||this.getAt...
//第几个没有选 //第几个没有选
下面我就个人观点猜测一下,并行运算将会怎样支持前端javascript的. 1 不太可能的进化 显示线程的支持 如果在Javascript中支持显示线程,那么可能是一种灾难,目前的浏览器解析Javascript并执行都是在浏览器的ui线程中工作的. 比如你可以在Javascript中运行while(true),这时浏览器界面就会停止响应.或者通过我之前的文章(编译Javascript引擎,为JavaScript提供睡眠功能:http://www.cnblogs.com/ioriwellings/archive/2010/08/16/180041...
但这两种方式都有它的局限性,alert会有中断,有些时候alert出来的值并不可靠,闭包的时候用alert可能会得到不正确的值。debugger使用起来其实也挺纠结的,只有ie支持。所以最合理的方式是js把运行过程需要调试的值输出到页面,或者写到cookie也可以,这种方式不会有alert中断带来值不正确的问题,也不会受浏览器类型的限制,唯一纠结的是操作起来很麻烦。 于是,有了下面说的这个js组件。这个组件的实现参考了log4net组件的记录方...
最近项目的部分功能正在重构,前端也基本上推翻了原来的设计,在之前半年的积累上有了新的方案。这几天在做前端的重构和设计,遇到了一些问题。因为这个模块最主要的还是对时间的控制,大量的操作js的Date对象,可是js原生的Date方法太少了,操作起来太不方便。于是打算扩展下Date的prototype。 长期从事C#的开发,被C#影响着我的思维。C#中DateTime的操作就很方便,于是就参考它对js的Date做了扩展。 代码如下: //将指定的毫秒数...
//获取某容器控件中id包含某字符串的控件id列表 //参数:容器控件、要查找的控件的id关键字、要查找的控件的标签名称 //返回值:查找到的控件id列表字符串,以逗号分割。 代码如下: function GetIdListBySubKey(container,subKey,TagName) { var idList = ""; for(var i = 0; i < container.childNodes.length;i++) { if(container.childNodes[i].nodeName == TagName && container.childNodes[i].id.indexOf(subKey) > -1) { idL...
在html标签中设置按钮被禁用,可以使用如下代码 在jquery中可以使用attr()函数修改按钮的disable属性 $(“#test”).attr(‘disabled',false); jquery 控制button的disabled属性 代码如下: $(#button).attr(disabled,"true");添加disabled属性 $(#button).removeAttr("disabled"); 移除disabled属性
查了一下,jquery没有直接的方法, 不过有一个map方法,使用它很简单就可以定义一个实现该功能的方法 代码如下: jQuery.fn.join = function(sep,mapvalue){ return $.map(this,mapvalue).join(sep); }; jQuery.fn.joinattr = function(sep,attr){ return this.join(sep,function(item){return $(item).attr(attr);}); }; jQuery.fn.joinvalue = function(sep){ return this.join(sep,function(item){return $(item).val();}); }; ...
代码如下: var ye=1; if(window.name=="" || window.name==null){ window.name=ye; alert(1); } else{ window.name++; } JavaScript教程/参考手册 JavaScript热搜 Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query动态传参问题解决使用vue.js路由后失效的问题微信小程序实现换肤功能JS中touchstart事件与click事件冲突的解决方法完美解决axios在ie下的兼容...
myFocus - tbhuabao *{margin:0;padding:0;border:0;list-style:none;} body{background:#fff;padding:20px;} /*=========mF_tbhuabao========*/ .mF_tbhuabao {background:#ddd;border:10px solid #333;overflow:visible;} .mF_tbhuabao .pic,.mF_tbhuabao .win{position:absolute;top:0;left:0;overflow:hidden;} .mF_tbhuabao .pic li{position:relative;float:left;overflow:hidden;} .mF_tbhuabao .txt li{position:abs...
但是如何保存顺序呢,想到了cookie,但是用如何用cookie保存顺序呢,直接保存html代码下次读取覆盖可以,但是总感觉内容多的话 保存的东西比较多,后用ui插件获取id保存id在读取实现了顺序的保存,废话不多说..直接看代码... 代码如下: div { border: 1px solid red; } #myList { padding-top: 20px; width: 500px; background: #EEE; list-style-type: none; } #myList li { height: 30px; cursor: pointer; margin: 20px; b...
两个div。 一个div为固定宽度 。在次div中内嵌一个div ,这个为数据列。 代码如下: 数据2 数据2 数据2 数据2 数据2 数据2 向右移动 向左移动 样式表 .box{ float: left; height: 93px; width: 560px; left:0px; white-space:nowrap; overflow:hidden; position:relative /* 不加次属性在ie7中无法隐藏内容*/ } .box-li{ float: left; height: 90px; left:0px; position:relative; white-space:nowrap; clear: both; } .box-...