最近一直在研究网页特效,看到qq界面的折叠菜单,于是冒出个想法,自己写一个类似的,上网查了一下,发现已经有不少类似的菜单效果,不管那么多,先写着再说吧. 以下是html结构: sdfdsdsfdsfsdfsddsfdsfdsfsdf....................... id为a里的便是你要添加的菜单的标题和内容. 下面是javascript代码: 代码如下: sx.activex.packmenu={ create:function(t){ var a=document.createElement("div"); var _t=t; a.style.height="300px"; a....
获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下。IE中,浏览器显示窗口大小只能以下获取: 代码如下 代码如下:document.body.offsetWidth document.body.offsetHeight在声明了DOCTYPE的浏览器中,可以用以下来获取浏览器显示窗口大小: 代码如下 代码如下:document.documentElement.clientWidth document.documentElement.clientHeightIE,FF,Safari皆支持该方法,opera虽支持该属性,但是返回的是页面尺...
用过qq空间的朋友应该对这个很熟悉吧,效果蛮炫的,不过它们是用flash实现的,那么javascript可不可以呢,我琢磨了三天,终于弄的差不多了,不过还是有些地方不完善,还望大家多多谅解,我会在以后将其完善的. 先说下思路: 首先动态创建一个html结构 代码如下: ............. 这个很关键,然后设置一个计时器来模拟img的移动,并且绑定外层div的onmouseenter和onmouseleave事件.最后将外层的div对象返回. 下面看代码 代码如下: sx....
代码如下: test javascript window.onload = function() { var EventUtil = { addhandler:function(element,type,handler) { if(element.addEventListenter) { element.addEventListenter(type,handler,false); } else if (element.attachEvent) { element.attachEvent("on"+type,handler); } else { element["on"+type] = handler; } }, getEvent:function(event) { return event?event:window.event; }, getTarget:function(...
代码如下: var tree = new Ext.tree.TreePanel({ region:west, title:站点树:, width:200, minSize:150, maxSize:200, iconCls:ux-auth-menu-header-icon, split:true, autoScroll:true, autoHeight:false, collapsible:true, rootVisable:false, //不显示根节点 root:new Ext.tree.TreeNode({ id:root, text:分所, draggable:false, expanded:true }), loader:new Ext.tree.TreeLoader({ dataUrl:treeUtil.html?content.method=g...
代码如下: // 兼容火狐获取一个节点的相同类型的上一个相邻节点 function perviousSiblingSameType(node , cnode ) { // 为空直接返回null if(node.previousSibling == null ) { return null ; } else { // 节点类型不相等继续递归 if(node.previousSibling.nodeType != cnode.nodeType) { return perviousSiblingSameType(node.previousSibling , cnode); } // 节点类型相等则返回 else if(cnode.nodeType == node.previousSiblin...
代码如下: jquery限制输入字数,并提示剩余字数 function words_deal() { var curLength=$("#TextArea1").val().length; if(curLength>5) { var num=$("#TextArea1").val().substr(0,5); $("#TextArea1").val(num); alert("超过字数限制,多出的字将被截断!" ); } else { $("#textCount").text(5-$("#TextArea1").val().length); } } 剩余5个字 JavaScript教程/参考手册 JavaScript热搜 Vue利用canvas实现...
思路 HTML5的canvas提供了getImageData接口来获取canvas中的数据,所以我们能够先用drawImage接口将图片画在canvas上然后再通过getImageData得到图片数据矩阵。 需要注意,虽然IE9开始支持了canvas接口,但是其getImageData获取的数据并不是以标准的TypedArray方式存储的,或者说IE9没有提供对WebGL Native binary data的支持,所以如果需要对IE9支持,下面的矩阵需要用Array的方式保存。虽然IE9以下版本(例如IE8)有开源项目expl...
代码如下: 无标题文档 function selectAll() { var allCheckBoxs = document.getElementsByName("coffee"); var desc = document.getElementById("like"); if(desc.value == "都喜欢") { desc.value = "都不喜欢"; for(var i = 0; i { allCheckBoxs[i].checked = true; } } else { desc.value = "都喜欢"; for(var i = 0; i { allCheckBoxs[i].checked = false; } } } 你喜欢那种类型咖啡 JavaScript教程/参考手册 ...
代码如下: function GetDayNum(no,type) { if (type == "35") { var num7 = document.getElementById("6").value; var value = document.getElementById("7").value; var valueR = num7; if (no == "7") {valueR = value;}//标识时间值 if (num7 != "" && value != "") {//两个时间段可以融合 BUG1 var numValue = 0; var numValue = 0; var day = 24 * 60 * 60 * 1000; var dateArr = value.split("-"); var checkDate = new Date...
可折叠展开的简单目录 div{font-size:12px;color:red; background-color: #EAEAE8; border: 1 solid #1892B5; padding: 1} + 主目录1 - 子目录1 - 子目录2 - 子目录3 - 子目录4 + 主目录2 - 子目录1 - 子目录2 - 子目录3 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
今天需要在网页上画一个图谱,想到用JS,经过学习,和网上搜索,经过整理优化得到下面代码,注意不是用HTML5的canvas,而是用的纯js 代码如下:/* 以下画点,画线,画圆的方法,都不是用HTML5的canvas,而是用的纯js 用到了一些数学的三角函数方法 以下代码是课堂随机写出,没有做更多优化 */ /* 面向对象封装,添加绘制矩形 进一步优化代码 */ var Graphics = function(divId, color){ this.divId = divId; this.color = color; //...
JS模拟抽奖效果 .a1{ position:relative; font-family:Verdana; font-size:20px; color:#888888; } function lotto(){ if (!document.all&&!document.layers) return for (j=1; j "+Nos+""); document.layers.layer1.document.close(); } T=setTimeout('lotto()',10); } } // Result [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
前端开发者应该很清楚 Javscript 脚本的 function 函数对象可以通过 call 或 apply 方法,使其改变内部作用域(this)所指向的对象,实现更多可扩展的功能开发。ie 原生支持 function 对象的 call 和 apply 方法,在 firefox 或其它浏览器下也得到支持,但是 call 和 apply 方法是立即作用并执行,例如: 代码如下: var func = function () { alert(this); }.apply(window); 当脚本解析引擎执行到这段代码时,会立即弹出对话框并显...
首先废话一句,jQuery选择器真心很强大! 在项目中遇到这么一个问题easyui的问题 如图所示,当前页面显示的是“原始报文查询”的页面,当时左侧导航栏却选中的是“重发报文查询”。如何让右侧的菜单和左侧的导航实现联动即:左侧点击“原始报文查询”,那么右侧的“补发运抵报文”展开,并选中“原始报文查询”,“后台管理”关闭? 实现方式如下: 1、右侧的“原始报文查询”等用到的是easyui的tabs控件,查看api知道,tabs有个o...