同样如果一个页面结构很复杂或者电脑配置不好的话也会出现这种情况。为了弄清变慢的原因,我们做了几个demo对比,最后发现在mousemove事件上加上定时器能改进这个体验。 整个代码的关键地方在于当鼠标按下时开始了的计时器,这样Onmousemove事件会每隔30ms执行一次,然后在鼠标松下的时候清除计时器。 timer=setInterval(function(){flag=true;},30); 这样可以减轻浏览器绘制div层的负担,不至于拖动时每时每刻都在移动,其实太短了...
他便给我截了个图是,QQ商城的分类菜单,效果如下:我看了一下,咦!咱们这博客园也是这种呀!我自己之前也没做过这种效果,正好自己试试!(我不是做美工的,不过到js略懂罢了!) 一、分析: 1,右边大分类肯定是一个层下面用divMenuContent表示 2,左边鼠标移上去的那个应该也是个层,下面用divMenuItem表示 问题:怎么样表现过如图的样子呢?左边和右边看起来是一体的!于是想到divMenuItem的右边为none,而且z轴高于divMenuCont...
1,隐藏元素无法获取焦点 2,对于div等特殊元素获取焦点 关于元素获取焦点 body { margin: 32px; font-family: Verdana, sans-serif; font-size: 14px; } .title { font-size: 18px; font-weight: bolder;margin:40px 0; } 关于元素获取焦点: 1,隐藏元素无法获取焦点 下面有个隐藏的Input: 解决方法:先把元素显示,在获取焦点。 2,对于div等特殊元素获取焦点 我是DIV元素,我不带tabindex="-1"。 我是DIV元素,我带tabin...
代码如下: /** * 浮动DIV定时显示提示信息,如操作成功, 失败等 * @param string tips (提示的内容) * @param int height 显示的信息距离浏览器顶部的高度 * @param int time 显示的时间(按秒算), time > 0 * @sample 点击 * @sample 上面代码表示点击后显示操作成功3秒钟, 距离顶部100px * @copyright ZhouHr 2010-08-27 */ function showTips( tips, height, time ){ var windowWidth = document.documentElement.clientWidth; va...
代码如下: <html xmlns=" http://www.w3.org/ 随滚动条移动的层 .div{ position: absolute; border: 2px solid red; background-color: #EFEFEF; line-height:90px; font-size:12px; z-index:1000; } 正中... 左上... 左下... 右上... 右下...
一、在中间显示;(参考:sky100articles1790515) 代码如下: .ordersearchDivCss { position: absolute; z-index: 100; display: block; background-color: #6ec1df; } Js code 调用: // JScript 文件 通过元素id得到对象的函数 function $(id) { return document.getElementById(id); } 代码如下: function sc1(DivId) { var Div = $(DivId); $(DivId).style.top = (document.documentElement.scrollTop + (document.documentE...
HTML部分代码: 代码如下: 鼠标经过时改变背景色 鼠标经过时改变背景色 鼠标经过时改变背景色 鼠标经过时改变背景色 javascript部分代码: 当鼠标经过时,给li添加class="current"类,鼠标离开时,去除该类,达到改变背景色的目的 代码如下: window.onload = function() { var lis = document.getElementsByTagName("li"); for (var i=0; i<lis.length; i++) { lis[i].onmouseover = function() { this.setAttribute("class",...
1、通过css实现水平居中: 代码如下: .className{ margin:0 auto; width:200px; height:200px; } 2、通过css实现水平居中和垂直居中 通过css创建一个水平居中和垂直居中的div是一件比较麻烦的事情,您必须事先知道另外一个div的尺寸: 代码如下: .className{ width:300px; height:200px; position:absolute; left:50%; top:50%; margin:-100px 0 0 -150px; } 3、通过jQuery实现水平居中和垂直居中前面已经提到过了,css的方法只...
代码如下: JScript 文件: //检测浏览器 MSIE Firefox var ie=false,moz=false; (function() {//check the browser var userAgent=navigator.userAgent; if(userAgent.indexOf("MSIE")!=-1) ie=true; else if(userAgent.indexOf("Firefox")!=-1) moz=true; })(); //通过ID获得对象 function $E_ID(idString) { return document.getElementById(idString); } //通过Name获得对象 function $Es_Tag(tagName) { return document.getEl...
代码如下: 分别用marquee和div+js实现首尾相连循环滚动效果 用marquee实现首尾相连循环滚动效果(仅IE): 这里是要滚动的内容 用DIV+javascript实现首尾相连循环滚动效果(兼容firefox): 这里是要滚动的内容 function scroll(obj) { var tmp = (obj.scrollLeft)++; //当滚动条到达右边顶端时 if (obj.scrollLeft==tmp) obj.innerHTML += obj.innerHTML; //当滚动条滚动了初始内容的宽度时滚动条回到最左端 if (obj.scroll...
代码如下: String query = request.getParameter("query"); MMStock2BudgetLogic bean = new MMStock2BudgetLogic(); String xmldata = bean.statStock2Budget(); %> 库存点采购总支出比 /plugins/FusionCharts/Style.css" type="text/css" /> /framework/sys-resources/css/jsoa.css" type="text/css" /> /plugins/FusionCharts/FusionCharts.js"> /plugins/jquery-1.6.4.min.js"> /framework/sys-resources/js/common_js...
阻止冒泡:1、stopPropagation()对于非IE浏览器。2、cancelBubble属性为true,对于IE浏览器, 而Jquery已经有兼容浏览器的方法,event.stopImmediatePropagation(); 代码如下: body { background:black; } #myDiv { background: #fff; width:250px; height:250px; display:none; } This is a div; var myDiv = $("#myDiv"); $(function () { $("#btn").click(...
也就是说,移到对象的子对象上,也算onmouseout了。但这往往会达不到我们想要的预期效果。这是由于javascript自身的冒泡特性导致的(即在子元素上触发了事件,并冒泡到了父元素-堆栈后进先出算法)。今天在网上搜了一下,找了以下的解决办法(兼容IE和Firefox)。 在IE下解决问题很简单,用onMouseEnter、onMouseLeave来代替onMouseOver、onMouseOut就行了,他们的作用基本相同,但前者不会发生冒泡(如果用 jQuery的event事件,只...
查询了一下相关的资料,Div没有自动滚动的属性,只能模拟鼠标的滚动来现实想要的效果。 关键的部分部分在这里:div.scrollTop = div.scrollHeight; 下面是具体实现的精简代码: 代码如下: idnameagememo 000001name124memomemomemomemomemo 000002name223memomemomemomemomemo 000003name323memomemomemomemomemo 000004name423memomemomemomemomemo 000005name523memomemomemomemomemo 000002name223memomemomemomemomemo 00...
实现也很简单,但需要注意的是,在点击显示的事件中,需要做阻止事件冒泡的处理,否则就触发页面的点击事件了。但这样做也有一个缺点,即如果同一个页面中如果也有事件阻止冒泡,则不能隐藏DIV,所以在这样的事件中需要特殊处理下:自己调用隐藏下DIV(但正常来说这样的事件并不多); JS: 代码如下: $(document).ready(function() { //语言头部的点击事件,显示语言列表 $(".language_selected").click(function(e) { $(".langua...