html里的marqueen也能实现内容的滚动,但滚动是间断的,在滚动一个周期中,会有一段空白出现。如果滚动的区域比较大,空间的出现,会让页面看起来很不美观。运用JavaScript可以使这一问题得到改观,实现无间断的滚动。 上下循环滚动代码: 代码如下: 111111111111111 222222222222222 333333333333333 444444444444444 555555555555555 var t=getid("demo"),t1=getid("demo1"),t2=getid("demo2"),sh=getid("show"); var int...
window.close(),一看就知道是用来关闭浏览器窗口的方法。W3CSchool对该方法的解释如下:方法 close() 将关闭有 window 指定的顶层浏览器窗口。某个窗口可以通过调用 self.close() 或只调用 close() 来关闭其自身。只有通过 JavaScript 代码打开的窗口才能够由 JavaScript 代码关闭。这阻止了恶意的脚本终止用户的浏览器。在IE中,window.close()能生效,在生效的时候,会弹出提示框,询问你是否关闭该窗口,如图:点击“是”,可...
HTML代码 代码如下: Javascript 代码 代码如下: function keyNumAll(evt){ //兼容IE和Firefox获得keyBoardEvent对象 evt = (evt) ? evt : ((window.event) ? window.event : ""); var key = evt.keyCode?evt.keyCode:evt.which;//兼容IE和Firefox获得keyBoardEvent对象的键值 console.info(key);//显示按键键值 } }
实例代码一见: 代码如下: #main div{position:absolute;width:220px;height:150px;border:1px solid #999;} var a; document.onmouseup = function() { if (!a) return; a = ""; }; document.onmousemove = function(d) { if (!a) return; d=d||event; a.style.left = (d.clientX - b) + "px"; a.style.top = (d.clientY - c) + "px"; }; function $(o, e) { a = o; b = e.clientX - parseInt(a.style.left); c = e.client...
网上有很多说在里加一句:或者就可以解决,实际测试根本没有效果,原来是在ScrollPic.js里有个cssFloat这个样式除ie外都支持就tmd ie不支持,解决方法改为styleFloat。这时会发现ie下正常了,但是其他浏览器却只滚动一次,解决思路,先用js判断浏览器类型,然后使用不同的样式:cssFloat或styleFloat。
js代码: 代码如下: window.onload = function(){ if(window.navigator.userAgent.toLowerCase().indexOf("msie")==0){ //firefox innerText HTMLElement.prototype.__defineGetter__( "innerText", function(){ var anyString = ""; var childS = this.childNodes; for(var i=0; iif(childS[i].nodeType==1) anyString += childS[i].tagName=="BR" ? '\n' : childS[i].textContent; else if(childS[i].nodeType==3) anyString +...
今天在用uploadify上传插件时遇到了一个问题,由于我后台做了权限管理,每个请求都有去读session判断权限,但用这个插件时发现登录后上传不了,原因是在读session时认为没有权限而被拦截了,后来在后台打印登录时产生session的id和上传时读取session的id,果然不一样,在网上搜索了一番,还真有不少人遇到这个问题,现把解决方案贴出来: 先说说我的环境,后台是用JSP,uploadify的版本是3.2 在JSP页面中的配置: 代码如下: $(do...
这个功能主要是解决内容页中的图片过大撑出,导致页面比较难看,就需要这样的代码,需要的朋友可以参考下 需求:图片width1、利用max-width,max-height使图片等比例自动缩放代码: 代码如下: img{max-width: 600px;max-height: 800px;} 由于ie6不支持css max-width,max-height,所以在ie6中需要利用javascript脚本来控制大小。 2、用javascript脚本来兼容ie6,代码如: 代码如下: var img_width = img.OffsetWidth;var img_heigh...
iframe 自动获取onload高宽 代码如下: function AutoResize(iframe) { //firefox if(iframe.contentWindow) { iframe.height = iframe.contentWindow.document.documentElement.scrollHeight; iframe.width = iframe.contentWindow.document.documentElement.scrollWidth; } //IE else if(iframe.contentDocument) { iframe.height = iframe.contentDocument.width; iframe.width = iframe.contentDocument.height; } } iframe 自...
div+css+javascript 实现无缝滚动,marquee无缝滚动,无缝滚动,兼容firefox 用marquee实现首尾相连循环滚动效果(仅IE): 代码如下: 这里是要滚动的内容 用div+css+javascript实现首尾相连循环滚动效果(兼容firefox): 代码如下: div+css+javascript 实现无缝滚动,marquee无缝滚动,无缝滚动,兼容firefox #scrollobj { white-space: nowrap; overflow: hidden; width: 500px; } 这里是要滚动的内容 function scro...
代码如下: irefox中连续英文字符如果要CSS控制强制换行,探索了N久,发现是实现不了的逼不得已的时候就用js脚本进行控制吧 英文字符自动换行,通过js脚本截断字符串,此方法通用ie6,ie7,firefox兼容解决办法 js实现连续英文字符自动换行 sssssssssssssssss sssssssssssssssssssssssssssssssssssssssssssssssss function toBreakWord(intLen){ var obj=document.getElementById("ff");//文字内容所在容器的id var strContent=o...
在开发多语言java 网站的过程中,发现不少FF中可以正常运行的代码,可是在IE中不行,反之亦然。IE和Firefox(火狐)在JavaScript方面的不兼容及统一方法总结如下: 1.兼容firefox的 outerHTML,FF中没有outerHtml的方法 代码如下: if (window.HTMLElement) { HTMLElement.prototype.__defineSetter__("outerHTML",function(sHTML) { var r=this.ownerDocument.createRange(); r.setStartBefore(this); var df=r.createContextualFra...
代码如下: function getValue(){ document.getElementById('ye').value = document.getElementById('j').value; } 思路: 1、把顽固的文件域就是 透明化:style="-moz-opacity:0;filter:alpha(opacity=0);opacity:0;" 2、用一个文本框和按钮代替文件与的外观 3、将文件域的浏览按钮放到我们写的按钮的上方 4、用js得到文件域value改变时的值即:得到的文件路径,并赋给文本框的value,这样就ok了 我只是试验,样式很简陋;...
当我们需要动态生成DOM对象的时候,会使用createElement的方法创建。但是在IE和Firefox下,createElement方法是有差异的。 在 IE 中,可以使用以下两种方式来创建一个元素: 1、document.createElement(table) 2、document.createElement() 而在 Firefox 只支持: document.createElement(table) 同时,如果添加属性和事件的话,需要使用setAttribute方法 示例: 代码如下:if($.browser.msie){ var rowHtml = <span class="ellips...
代码如下:document.onkeydown=function(e){ var e=window.event||e; var element=e.srcElement||e.target; if(e.keyCode==13&&element.type!="submit"&&element.type!="button"&&element.type!="textarea"&&element.type!="reset"){ if(document.all){ e.keyCode=9; }else{ getNextInput(element).focus(); e.preventDefault(); } }}function getNextInput(inp...