众知目前国内不少浏览器都自称双核，大多是 IE(Trident)+Webkit。由于 webkit 急速的体验和对 HTML5 的支持，作为开发者有些情况下可能希望用户优先甚至只使用 webkit 内核渲染，比如通过 Meta 标签来指定。然而目前还没有任何一个公认的标准来实现。大多数用户根本分不清浏览器双核之间的区别。把决定权交给开发者，以此给用户带来更好的浏览体验，不失为一件好事。 360安全浏览器私有解决方案如下： 内核控制 Meta 标签。只要你在自己的网站里增加一个 Meta 标签，告诉360浏览器这个网…
导读：本文作者Kevin Liew是一名Web设计师和开发者，热衷于Web开发、前端开发以及jQuery。 如今，在互联网上发布在线免费的Javascript图形和图表绘制工具越来越多。作者此前在一家网站从事复杂的图形学方面的工作，使用 highchart，在那期间，没有大量的插件工具可供选择，不像现在，我们可以轻易地找到非常有用的图表库。作者认为，此种插件的兴起源于： Flash 是最佳的解决方案，大部分人从这方面迁移的； 现在的浏览器和强大的计算机使其在实时数据方面的能力更加的容易； 绘制矢量图的工具（技术取向…
网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) 网页正文全文宽：document.body.scrollWidth 网页正文全文高：document.body.scrollHeight 网页被卷去的高：document.body.scrollTop 网页被…
用来设定元素透明度的 Opacity 是CSS 3里的一个属性。当然现在还只有少部分浏览器支持。 不过各个浏览器都有自己的私有属性来支持,其中包括老版本的Mozilla和Safari： IE: filter:alpha(opacity) Mozilla: -moz-opacity Safari: -khtml-opacity 很不幸的是，你没看见Opera，老版本的Opera并没有什么私有属性可以代替opacity。（新版Opera已经支持opacity） 所以以前用CSS设定一个元素半透明的话，可能会这样写: &…
本文介绍 8 个 CSS 预处理器，用以提升你的 CSS 开发速度。 Less CSS Less CSS 是一个使用广泛的 CSS 预处理器，通过简单的语法和变量对 CSS 进行扩展，可减少很多 CSS 的代码量。 Get it: http://www.oschina.net/p/lesscss Sass Sass 扩展了 CSS3，增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码，易于组织和维护。 Get it: http://www.oschina.net/p/sass T…
纯css背景颜色渐变css写法： [codesyntax lang="php"] .boxbg{ width:100%; height:auto; filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#AC5F45,endColorStr=#612014); background: -ms-linear-gradient(top, #AC5F45, #612014); background: -moz-line…
鼠标滑动上向上缓慢弹出显示隐藏层 demo: DWCS6软件的新特性 1.增加移动平台设置 2.增加移动平台设置 3.增加移动平台设置 4.增加移动平台设置 html代码如下： <div id="box"> <img src="img/dwcs6_02.jpg" /> <dl> <dt>DWCS6软件的新特性</dt> <dd>1.增加移动平台设置</dd> <dd>2.增加移动平台设置<…
js鼠标滑到图片上显示渐变弹出大图 dome示例： js代码如下： [codesyntax lang="php"] function getViewportHeight() { if (window.innerHeight!=window.undefined) return window.innerHeight; if (document.compatMode=='CSS1Compat') return document.documentElement.clientHeight; if (document.body…
div当滚动到页面顶部的时候固定在顶部，离开可继续滚动 jq实现代码如下： [codesyntax lang="php" lines="normal"] <script type="text/javascript" src="http://www.webzsky.com/source/web_js/jquery-1.5.1.min.js"></script> <script type="text/javascript"> $(function(){ //获取要定位元素距离浏览器顶…
页面滚动到一定位置时触发事件：隐藏、固定显示相互切换 HTML5 中的一些新特性 简洁的DOCTYPE 简单易记的语言标签 简单易记的编码类型 不需要闭合标签 废弃的标签 更加语义化的新增标签 表单增强 视频和音频 基于JavaScript 的2D 绘画 js代码如下： <script> window.onload=function(){ var oFix=document.getElementById('fixed'); //获取dom节点 show(); window.onscroll=show; …