蓝戒的博客_逐梦天空-专注于web前端开发|用户体验_Page 15
Apr 28 2014
导读:本文作者Kevin Liew是一名Web设计师和开发者,热衷于Web开发、前端开发以及jQuery。
如今,在互联网上发布在线免费的Javascript图形和图表绘制工具越来越多。作者此前在一家网站从事复杂的图形学方面的工作,使用 highchart,在那期间,没有大量的插件工具可供选择,不像现在,我们可以轻易地找到非常有用的图表库。作者认为,此种插件的兴起源于:
Flash 是最佳的解决方案,大部分... 阅读全文
Mar 26 2014
网页可见区域宽:document.body.clientWidth
网页可见区域高:document.body.clientHeight
网页可见区域宽:document.body.offsetWidth (包括边线的宽)
网页可见区域高:document.body.offsetHeight (包括边线的宽)
网页正文全文宽:document.body.scrollWidth
网页正文全文高:document.body.scrollHeight
网页被卷去的高:document.body.scrollTop
网页被卷去的左:document.body.scrollL... 阅读全文
Mar 12 2014
用来设定元素透明度的 Opacity 是CSS 3里的一个属性。当然现在还只有少部分浏览器支持。
不过各个浏览器都有自己的私有属性来支持,其中包括老版本的Mozilla和Safari:
IE: filter:alpha(opacity)
Mozilla: -moz-opacity
Safari: -khtml-opacity
很不幸的是,你没看见Opera,老版本的Opera并没有什么私有属性可以代替opacity。(新版Opera已经支持opacity)
所以以前用CSS设定一个元素半透明... 阅读全文
Feb 16 2014
本文介绍 8 个 CSS 预处理器,用以提升你的 CSS 开发速度。
Less CSS
Less CSS 是一个使用广泛的 CSS 预处理器,通过简单的语法和变量对 CSS 进行扩展,可减少很多 CSS 的代码量。
less
Get it: http://www.oschina.net/p/lesscss
Sass
Sass 扩展了 CSS3,增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码,易于组织和维护。
Sass
Get it: http://www.osc... 阅读全文
Nov 11 2013
纯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-linear-gradient(top, #AC5F45,#612014);
background: -webkit-gradient(line... 阅读全文
Oct 14 2013
鼠标滑动上向上缓慢弹出显示隐藏层
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.增加移动平台设置</dd>
&l... 阅读全文
Oct 11 2013
js鼠标滑到图片上显示渐变弹出大图
//
return window.undefined;
}
function getViewportWidth() {
if (window.innerWidth!=window.undefined) return window.innerWidth;
if (document.compatMode=='CSS1Compat') return document.documentElement.clientWidth;
if (document.body) return document.body.clientWidth;
return window.undefined;
}
/**
* Gets the real scroll top
*/
fun... 阅读全文
Oct 11 2013
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(){
//获取要定位元素距离浏览器顶部的距离
var navH = $("#webz").offset().top;
... 阅读全文
Oct 09 2013
页面滚动到一定位置时触发事件:隐藏、固定显示相互切换
//
show();
window.onscroll=show;
function show(){
var scrollY=document.documentElement.scrollTop||document.body.scrollTop;
if(scrollY
HTML5 中的一些新特性
简洁的DOCTYPE
简单易记的语言标签
简单易记的编码类型
不需要闭合标签
废弃的标签
更加语义化的新增标签
表单增强
视频和音频
基于JavaScript 的2D 绘... 阅读全文
Jun 29 2013
前端工程师的一般性特点:
1.技术控,会前端,也会一门非前端语言。
2.对异性的期望较高但是实际情况相反。
3.对IE系列尤其是IE6同仇敌忾。
4.很多人多才多艺,但不经常炫出来。
5.喜欢尝试新鲜东西,尤其是互联网产品。
6.陌生场面会比较内敛,但是大多内心热情,用一个词也可以说是闷骚。
7.工作之余时间在电脑面前呆得比较多。
8.身体素质一般。
//
源码实例:
[codesyntax lang="... 阅读全文
来自的朋友,欢迎您
点击这里 订阅我的博客 o(∩_∩)o~~~