在开发的过程中,我们要做淡入淡出效果的话,我们完全可以使用jQuery的fadeTo()方法。但是我们的目的不只是会用,而是理解程序底层的逻辑。这篇文章主要就是利用原生的javascript实现淡入淡出的效果。构建框架,基本没难度。<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>透明度函数的封装</title><style type="text/css">#box{width: 200px;height: 200px;background: red;margin: 50px auto;opacity: .3;filter: al...
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312"> <meta http-equiv="content-script-type" content="text/javascript"> <meta http-equiv="content-style-type" content="text/css"> <title>Do...
Untitled 1 .style1 { font-size: x-small; } function makedot(x,y){ //画点函数 document.write("") } /** 函数功能:根据给定的圆心和半径画圆 函数思路:根据半径及圆心坐标利用数学方法计算从0°到360°的每点的坐标,并画出来。 */ function circle(x,y,r){ //(x,y)圆心,r半径 var dotx,doty,radio; var Pi=Math.PI; makedot(x,y); for(var i=0;ix2){ for(var i=0;i>diff;i--){ makedot(x1+i,y1+slope*...
兼容IE与FF Code:间隔滚动效果-兼容IE和FireFox 14家国内银行启用CN新域名防诈骗 华军,天空就暂停迅雷下载发布最新公告 微软OneCare处子秀过关 拦住Word漏洞木马 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
在线编辑器在我们日常的项目开发中非常有用(如新闻系统),它可以方便地实现文章的在线编辑,省掉了FrontPage等工具。那么是怎样实现浏览器在线编辑功能的呢? 首先需要IE的支持,在IE5.5以后就有一个编辑状态. 就是利用这个编辑状态,然后用javascript来控制在线编辑的。 首先要有一个编辑框,这个编辑框其实就是一个可编辑状态的网页, 我们用iframe来建立编辑框。 并且在加上javascript代码来指定HtmlEdit有编辑...
动态增删表格行 //author: Robin //email: griefforyou@gmail.com var rowIndex=0; function addLine(obj){ var objSourceRow=obj.parentNode.parentNode; var objTable=obj.parentNode.parentNode.parentNode.parentNode; if(obj.value=='增加'){ rowIndex++; var objRow=objTable.insertRow(rowIndex); var objCell; objCell=objRow.insertCell(0); objCell.innerHTML=" "; objCell=objRow.insertCell(1); objCell.innerHTML=o...
在ie中,事件对象是作为一个全局变量来保存和维护的。 所有的浏览器事件,不管是用户触发的,还是其他事件, 都会更新window.event 对象。 所以在代码中,只要轻松调用 window.event 就可以轻松获取 事件对象, 再 event.srcElement 就可以取得触发事件的元素进行进一步处理在ff中, 事件对象却不是全局对象,一般情况下,是现场发生,现场使用,ff把事件对象自动传递给对应的事件处理函数。 在代码中,函数的第一个参数就是ff下的事...
Fifty Studio│无间断滚动的新闻文章列表 @import url("/tutorials/demo/css/ie.css"); a{background:#FFF; color:#333;} a:hover{background:#FFF;color: #C00;} #demo ul{text-align: left; } #demo li a{line-height:2em; padding-left:1.5em;background: #F7F7F7 url(/img/arrow_l2_over.gif) no-repeat 0 50%;display: block;margin-bottom: 1px;} #FGWrapper{width: 400px; margin:2em auto; background:#EEE;} #demo{ov...
朋友们说不兼容。昨天晚上回去调试了一个兼容版本: 代码如下: function selectIt(action){ var testform=document.getElementById("bdkey"); for(var i=0 ;i if(testform.elements[i].type=="checkbox"){ e=testform.elements[i]; e.checked=(action=="selectAll")?1:(!e.checked); } } } function selectIt(action){ var testform=document.getElementById("bdk...
前段时间一直找这个的简短实现 网上也有很多方法 昨天发现了这种方法 感觉是用代码最少的 呵呵 ie下支持css的js ff等支持:hover 就这样了 觉得好的就顶起来无标题文档 #b_g_date tr{ event:expression(onmouseover = function(){this.style.backgroundColor='#E3FFC9'},onmouseout = function(){this.style.backgroundColor='#FFFFFF'}); } #b_g_date tr:hover{ background:#E3FFC9; } #b_g_date td{ height:20px; } [Ctrl+A ...
if(!document.all){ //zzcv的ff ie兼容脚本 /*脚本没有解决的问题及处理: 2.IE下,可以使用()或[]获取集合类对象;Firefox下,只能使用[]获取集合类对象. 解决方法:统一使用[]获取集合类对象. 3.IE下,可以使用获取常规属性的方法来获取自定义属性,也可以使用getAttribute()获取自定义属性;Firefox下,只能使用getAttribute()获取自定义属性. 解决方法:统一通过getAttribute()获取自定义属性. 4.IE下,HTML对象的ID可以作为document的...
zhou's html 一共三个层,下面还有一个,把他拖上来 Magnolia Mag.nolia Mozilla Red小 纸 条一共三个层,下面还有一个,把他拖上来 有了拖动层,做局部拖动很简单小 纸 条一共三个层,下面还有一个,把他拖上来 顺便练习下颜色搭配Shiny silvervar $=function(id){return document.getElementById(id)}; Array.prototype.extend=function(C){for(var B=0,A=C.length;B [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 下面是一些参考内...
修正了网上其它版本的一些错误。完美无错版JS网页图片查看器-可控制图片放大缩小还原移动效果 body { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; line-height: 180%; } td { font-size: 12px; line-height: 150%; } drag = 0 move = 0 // 拖拽对象 // 参见:http://blog.sina.com.cn/u/4702ecbe010007pe var ie=document.all; var nn6=document.getElementById&&!document.all; var is...
在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、在地址...
Windows UI Table td{font-size:12px;font-family: Verdana,tahoma} .winUI { margin: 0 auto; border: solid 1px #d4d0c8; } .winUI tr td, .winUI thead td, tfoot td { border-left: 1px solid buttonhighlight; border-top: 1px solid buttonhighlight; border-bottom: 1px solid buttonshadow; border-right: 1px solid buttonshadow; } .winUI thead td, tfoot td { background-color: #ece9d8; cursor: pointer; p...