今天为大家分享一下我自己制作的浏览器滚动条,我们知道用css来自定义滚动条也是挺好的方式,css虽然能够改变chrome浏览器的滚动条样式可以自定义,css也能够改变IE浏览器滚动条的颜色。但是css只能是改变IE浏览器的颜色,而且CSS不能做到改变火狐浏览器的样式和颜色。所以只能是通过JavaScript来实现了。也有插件可以做到。我分享一下我自己使用原生JavaScript实现的思路。先上个图看下效果:JavaScript实现的思路就是模拟浏览器自...
在IE7/ Firefox 3.0/ Google Chrome通过测试 CloseDemo.htm 代码如下: var browserName=navigator.appName; if (browserName=="Netscape") { function closeme() { window.open('','_parent',''); window.close(); } } else { if (browserName=="Microsoft Internet Explorer") { function closynoshowsme() { window.opener = "whocares"; window.close(); } } } 注意“ 如果你使用的是firefox浏览器必须要做以下设置 1、在地址...
Javascript Debug Toolkit 是一个开源免费的eclipse插件,官方主页:http://code.google.com/p/jsdt 下图给出一个调试工具支持的浏览器对照表工具\浏览器IeFirefoxSafariChromeOpera其他VS.net支持Microsoft Script Debugger支持Firebug支持venkman支持NebBeans支持支持Aptana支持支持Eclipose ATF支持MyEclipse支持Javascript Debug Toolkit支持支持支持支持支持支持所有可以发送ajax请求的浏览器
qsoft.PopBigImage.v0.35.demo.rar 新特性: 1、不需要onload加载和指定id了,在img中加个标记就好,第一鼠标进入时动态生成显示层 2、可以随意调整,右边的展示层的大小了。 qsoft.PopBigImage version:0.35 author: kimmking@163.com date: 2009年3月26日 15:20:50 功能描述: 一般页面的的图片为了布局考虑,显示大小都小于实际大小。 鼠标在图片上移动时,在旁边展示一个跟此图片显示大小一样的层。 并讲鼠标附近区域对应的...
补增一个效果图! 模拟Popup body{ margin:0; padding:0; text-align:center; } #container{ margin:50px auto; padding:10px auto; } #popupcontent{ position:absolute; border:1px solid #000000; line-height:17px; background-color:#F7F7F4; visibility:hidden; cursor:default; padding:2 5 2 5px; } "; ocbody += "当前颜色"; for(var i=0;i"; ocbody += ""; if(i%6==5) ocbody += ""; } ocbody += ""; oPopB...
/* 对联广告调用 第一个参数为ID,第二个参数图片,第三个参数广告距离顶部的距离, 第四个参数表示左右(true代表左,false代表右),第五个参数对联广告的宽度 */ new float_ad("ad_l","",50,true,64); new float_ad("ad_r","",50,false,64); /* 漂浮广告调用 第一个参数中的url代表漂浮广告的图片URL地址(必选项),link链接到页面网址,alt图片提示文字,width图片的宽度(可选项,默认120),heihgt图片的高度(可选项,默认120) 第二个参数中的...
还好网上什么都有,上网找了一个浏览器兼容性最佳的函数,经测试兼容IE、FireFox、Chrome,并且不会有滚动条误差问题,存档下,以备后用 :) 代码如下:function mousePos(e){ var x,y; var e = e||window.event; return { x:e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft, y:e.clientY+document.body.scrollTop+document.documentElement.scrollTop }; }注:此函数配合...
一直很想做这个效果,原理是监听鼠标滚轮事件;可将此效果继续发散到其他应用上,如图片缩放,页面缩放等。滚轮效果 -http://www.51obj.cn/ var oTxt=document.getElementById("txt"); /*********************** * 函数:判断滚轮滚动方向 * 参数:event * 返回:滚轮方向 1:向上 -1:向下 *************************/ var scrollFunc=function(e){ var direct=0; e=e || window.event; if(e.wheelDelta){ direct=e.whe...
假如我们有一个如下的页面: 代码如下: var init=function (){ var img=document.getElementById('image'); alert(img.offsetWidth); } window.onload=new init(); 在IE和FF下运行的时候都是可以显示图片的真实大小的,即使我并没有显示的说明这个img的width和height。但是在chrome下,则显示的是0。 但是如果将window.onload后面的new init()改为 window.onload=init 或者 window.onload=function(){new init(){}} ...
早期我给出的判定是基于UA,在UA中它有一个独一无二的Chrome字符串。 代码如下: var isChrome = window.navigator.userAgent.indexOf("Chrome") !== -1 今天发现chrome还是有一些独一无二的东西,基于它们,我们就可以搞出基于特征的判定了。 代码如下: var isChrome = window.google && window.chrome 这两个东西,前者拥有其本地数据库gears,后者不知什么东东,有两个属性csi与loadTimes。 更多可以参考JavaScript 判断浏览...
脚本之家之前发布过这样的代码,其实问题不大,但这里的版本主要是增加一些功能,回调执行服务器端的方法,对于asp.net开发或ajax开发都是非常有价值的改进。先看下效果图:原有百度的Popup.js在有 代码如下: 声明的网页下存在兼容性问题,即在IE6,7,8下,遮罩层是可以全屏,但在Firefox和Chrome下无法全屏遮罩。 造成遮罩层在FF和Chrome下无法全屏的问题在267行: 代码如下:var C = <div id="dialogBoxBG" style="position...
文本框: 代码如下: js代码: 代码如下:function keydownsearch(evt) { evt = (evt) ? evt : ((window.event) ? window.event : "") keyCode = evt.keyCode ? evt.keyCode : (evt.which ? evt.which : evt.charCode); if (keyCode == 13) { search();//搜索事件 } }
前言: 这是一个老bug了,现在提供一个完美解决方案。由于我一直是用createElement来创建动态的option并添加,所以一直没有遇到这个问题,但是每个人写代码风格不同,有的人就喜欢写字符串形式的标签并用innerHTML插入,这不就有问题了,为了方便不同编码风格的人,我封装了一个方法,用于解决ie的这个bug和兼容5大浏览器,这样大家都可以用一个方法来实现不同的风格,便于维护管理。 bug描述: 在ie下面使用innerHTML来插入option...
没有找到太好的解决办法,暂时处理方法是,在弹出窗口中同时给 window.opener.ReturnValue 赋返回值。这样在关闭窗口后,通过下面的代码取得返回值: 代码如下: var val = window.showModalDialog(...); if(!val) val= window.ReturnValue; 这样在IE、FF、及Chrome中,都可以得到返回值了。
安装方法:用chrome浏览器访问 https://chrome.google.com/extensions/detail/pjkoglpbigbjijmncfkcpkcpddnelgbm?hl=zh-cn 【json格式化/压缩】工具 chrome下安装 :) 1、建一个新的文件夹 2、建一个名为 manifest.json的文件 3、打开这个 manifest.json文件,可以理解为配置文件 :) 包含以下内容 代码如下: { "name": "My First Extension",//扩展的名字 "version": "1.0", //版本 "description": "json format", //描述 "browser_...