dom 左右两侧得广告(兼容IE FF)】的更多相关文章

<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> body{ padding:0px; margin:0px; } #wrap{ height:2000px; } .ad{ height:200px; width:50px; background:pink; position:fixed;…
用JS或jQuery访问页面内的iframe,兼容IE/FF js或者jQuery访问页面中的框架也就是iframe.注意:框架内的页面是不能跨域的! 假设有两个页面,在相同域下. index.html 文件内含有一个iframe: XML/HTML代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi…
http://www.52css.com/article.asp?id=602 ===================================================     html代码:<div><p><span>CSS Web Design 我爱CSS-Web标准化 Div+css教程 - www.52css.com</span><p></div> css代码:div{width:200px;/*容器的基本定义*…
这篇文章主要介绍了关闭浏览器输入框自动补齐 兼容IE,FF,Chrome等主流浏览器,需要的朋友可以参考下.希望对大家有所帮助   Firefox 和 IE 的浏览器各自实现了input历史记录的功能,可以简化输入时的麻烦,但是,有时候弹出的下拉框会挡住页面显示内容,而且在某些情况下也不需要对input框进行记录,如号码查询的input框,用户不会对同一个号码进行多次查询,就没有必要让浏览器记录. MSIE自定义了input 的扩展属性 autocomplete,置为off即可 <input t…
上代码: <!doctype html> <html> <head> <meta charset="utf-8"> <title>css 清除浮动 兼容IE+, FF</title> <style type="text/css"> .clearfix { *zoom; } .clearfix:before, .clearfix:after { display: table; cont…
主要是最近项目中用到了原生的js 解绑和绑定 事件  然后今天研究了一下,其实问题不大,不过要注意不要把单词写错了,今天我就找了好久单词写错了. 需求:当鼠标移上去以后,给Select加载元素,接着解除这个事件.贴上代码,这个是可以运行的,兼容 IE FF chrome <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312">…
网站图片增强JS插件2.0简单介绍:插件可以增强网站互动能力与外链建设,用户在欣赏图片的同时,把看好的图片直接制作成自己喜欢的样式后通过QQ等传播,增强外链建设,通过用户互动创造外链.(支持:放大缩小.加文字.闪图.叠图.加对话框等等,特别支持GIF动画.)使用方法:复制并粘贴下面的JS代码,放到您的网页的最末端,如果您的网站使用的模板,您也可以复制代码到您的模板,图片编辑功能将会体现在您每一张图片上.<!-- Prcture Editor BEGIN --><script langua…
ceil 向上取整 floor 向下取整 round 四舍五入 缓动动画 动画原理 = 盒子位置 + 步长 清除定时器 步长越来越小 盒子位置 = 盒子本身位置 + (目标位置-本身位置)/n(最好为10) 最后10像素容易 容易出现问题 所以要向上取整 400-396 = 4  4/10 = 0.4   四舍五入 = 0 400-396 = 4  4/10 = 0.4   四舍五入 = 0 要用定时器 先清除定时器 7.  offsetLest取值为四舍五入 8.  差值大于0的时候向上取整…
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> #wrap{ height:2000px; background:pink; position:relative; } #ontop{ position:absolute; bottom:0px; right:0px; background:…
<html> <head> <style> *{margin:0px;padding:0px;} #box{width:200px;height:500px;position:fixed;top:50px;left:200px;border:1px solid #000; overflow:hidden; } #box2{position:absolute;left:0px;top:0px;width:200px;height:720px;border:1px soli…
1.描述 两侧浮动显示广告 2.要点 其实就是一直在变浮动广告距顶部的值. 3.代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{margin: 0;padding: 0;} .left{ position: absolute; left:…
filter:Alpha(Opacity=80);/*IE*/ -moz-opacity:0.8;/*FF*/ opacity: 0.8;/*所有元素*/ 参数设置说明: Alpha(Opacity=number); /* 0 <= number <= 100,0=完全透明,100=完全不透明 */ -moz-opacity:number; /* 0.0 <= number <= 1.0,0.0=完全透明,1.0=完全不透明 */ opacity: number; /* 0.0 &…
来源:http://www.cnblogs.com/imwtr/p/4355416.html 作者: 主要思路: 一个div,注册监听onmousedown事件,然后处理获取的对象及其相关值(对象高度,clientX/clientY位置等) 并继而转为监测onmousemove事件,在鼠标移动事件中更新div对象的位置属性 鼠标松开的时候解除监听,更新位置完成. 需要注意的两点: 1.更新对象的位置需要用到o.style.left等,这些CSS属性只能内嵌才能被访问到: <div id="…
转自:http://blog.csdn.net/itchiang/article/details/7769341 添加事件   var addEvent = function( obj, type, fn ) { if (obj.addEventListener) obj.addEventListener( type, fn, false ); else if (obj.attachEvent) { obj["e"+type+fn] = fn; obj.attachEvent( &qu…
采用JavaScript来控制iframe元素的高度是iframe高度自适应的关键,同时由于JavaScript对不同域名下权限的控制,引发出同域.跨域两种情况. 由于客户端js使用浏览器的同源安全策略,跨域情况下,被嵌套页面如果想要获取和修改父页面的DOM属性会出现权限不足的情况,提示错误:Permission denied to access property 'document'.这是因为除了包含脚本的文档载入的主机外,同源策略禁止客户端脚本链接到其他任何主机或者访问其他任何主机的数据.这…
采用JavaScript来控制iframe元素的高度是iframe高度自适应的关键,同时由于JavaScript对不同域名下权限的控制,引发出同域.跨域两种情况. 由于客户端js使用浏览器的同源安全策略,跨域情况下,被嵌套页面如果想要获取和修改父页面的DOM属性会出现权限不足的情况,提示错 误:Permission denied to access property 'document'.这是因为除了包含脚本的文档载入的主机外,同源策略禁止客户端脚本链接到其他任何主机或者访问其他任何主机的数据.…
<!DOCTYPE html> <html> <head> <title>青春不迷茫:寻梦时代的“蚁族”逆袭之旅- 职场管理专题-中国人力资源开发网-中人网 - 中国领先的人力资源门户,最佳HR学习成长平台</title> <meta name="Keywords" content="蚁族 青春 梦想"> <meta name="Description" content…
<!-- 废话不多说,直接贴代码 --><script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript">var agent = navigator.userAgent; if (/.*Firefox.*/.test(agent)) { //只兼容火狐浏览器 document.add…
轉自:http://www.cnblogs.com/hlz789456123/archive/2009/02/18/1392972.html html代码:<div><p><span>CSS Web Design 我爱CSS-Web标准化 Div+css教程 - www.52css.com</span><p></div> css代码:div{width:200px;/*容器的基本定义*/height:200px; } /* IE下的样…
昨天由于工作关系,遇上了这个问题,苦恼一日无解——残念. 所幸终于在今天早上得到了解决,遗憾的是灵活性不够强,不能根据内容自适应,要配合JS才能达到自适应效果 不过总结到这里已经很满意了,毕竟规律已经摆在那里,shadow和content的宽高比main小10px就OK了 当然,具体阴影效果做调整后,其他属性值也得作相应调整,遵循此消彼长原则便可 还有的不足就是,不支持过低版本的FF和Chrome 但估计用这两种浏览器的人,都不会沉沦于低版本的吧,毕竟FF和Chrome的用户群与IE用户群是有所…
事件监听: 语法:element.addEventListener(event, function, useCapture); event:事件的类型,触发什么事件,注意不需要on作为前缀,比如click function:事件触发后调用的函数 useCapture:描述事件是冒泡还是捕获,该参数可选的 当用户点击按钮时触发监听事件: document.getElementById("myBtn").addEventListener("click",displayD…
由于Firefox和IE等浏览器之间对js解释的方式不一样,firefox下面获取鼠标位置不能够直接使用clientX来获取.网上说的一般都是触发mousemove事件才行.我这里有两段代码,思路都一样,就是风格不同. 第一段代码是利用全局变量来获取实时鼠标的位置. var xPos; var yPos; window.document.onmousemove(function(evt){      evt=evt || window.event;     if(evt.pageX){     …
原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任.http://wintys.blog.51cto.com/425414/123303 作者: Winty时间: 2008-12-26 在网上找到在IE下操作IFrame内容的代码: document.frames["MyIFrame"].document.getElementById("s").style.color="blue"; 但是这在F…
  我们都知道<pre> 标签可定义预格式化的文本,一个常见应用就是用来表示计算机的源代码.被包围在 pre 元素中的文本通常会保留空格和换行符,但不幸的是,当你在<pre>标签里面写代码的时候,如果你没有手动换行,它也会给你保留,而不会动换行. 这时候,你可以使用overflow:auto; (当代码超出容器边界的时候,显示滚动框), 但这个方法也并不适用于所有主流浏览器,一些浏览器会直接截断超出的内容 . 由于本站中使用源码的地方也不是很多,之前也不是很在意这个问题,前不久有位…
由于Firefox和IE等浏览器之间对js解释的方式不一样,firefox下面获取鼠标位置不能够直接使用clientX来获取.网上说的一般都是触发mousemove事件才行.我这里有两段代码,思路都一样,就是风格不同. 第一段代码是利用全局变量来获取实时鼠标的位置. var xPos; var yPos; window.document.onmousemove(function(evt){ evt=evt || window.event; if(evt.pageX){ xPos=evt.page…
filter:alpha(opacity=70);opacity:0.7;…
1.IE8下兼容问题,这个最好处理,转化成ie7兼容就可以.在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了 <meta http-equiv="x-ua-compatible" content="ie=7" /> 2.flaot浮动造成IE6下面双倍边距问题,这个最常见,也最好处理,!important解决,比如 margin-left:10px !important;; margin-left:5px; +height:120px…
一.广告从何而来? 利益让人铤而走险,从而推动行业“发展”:广告的利益还真不小,xx房产门户网站上一个广告位少则几千,多则几十万:记得在校读书的时候,刚学会做网站,第一想法就是等自己的网站发展成熟有人气之后,去接广告放在上面,以此获取收益,后来确实也这样做了,可是结局没有想象的那么美好,就当收获了那份最初的努力吧,会做网站之后亲身经历了房产门户网广告带来的效益,看到管理员发布了满屏的广告,开发网站的我瞬间石化了,他一个DIV(广告位),就可以让他坐享收益,谁让别人是门户网呢,你情我愿,充满商机.…
FF的FIREBUG,不仅能测试JS还能检查CSS错误,是一般常用的.但它主要检查FF方面的错误,对IE就无能为力了.要测试IE,就用ieTester,它可以测试IE几乎所有版本(1.0恐怕也用不到测试了),用法也很方便. 至于JS对不同浏览器的兼容注意事项,的确很多,下面给你的也只是部分,一般建议还是采用jquery,prototype等一些已经处理好了兼容的脚本库,更重要的是,它们简化了很多操作,还提供了平常你很难实现的增强功能.可以去搜搜这方面的说明文章. JS兼容浏览器FF/IE技巧 做…
DoM 浏览器支持: IE: 10% FF: 99% Chrome: 60% childNotes不兼容 在Chrome和IE9中会将文本节点也算作childNotes,而在IE6-8中childNotes只算元素节点,而不算文本节点. <ul>     <li></li>     <li></li>     <li></li>     <li></li> </ul> 在IE9和Chro…