首页> 前端开发

Firefox和IE之间7个JavaScript的差异

分类:前端开发2011-11-07阅读:(1393)标签:javascript
<p>尽管 JavaScript 历史上使用冗长而令人生厌的代码块来标的特定浏览器的时期已经结束了,但是偶尔使用一些简单的代码块和对象检测来确保一些代码在用户机器上正常工作依然是必要的。</p><p>这篇文章中,我会略述一下 Internet Explorer 和 Firefox 在 JavaScript 语法上不同的 7 个方面。CSS “float” ...

JQuery图片延迟加载

分类:前端开发2011-10-24阅读:(1500)标签:javascript, jquery
<p>现在很多图片量大的网站都采用了一种技术,让打开的网页只显示一部分图片,当浏览者需要浏览后面的图片,拖动滚动条,图片进入可是区域后,才加载图片。这种方法大大的减少了网页打开的时间。淘宝等网站都使用了这种方法。</p><p>图片延迟加载</p><p>现在的网站一般都有用到jquery,在做图片延迟加载时,我们在jquery基础上,...

解决IE6下hover不兼容

分类:前端开发2011-09-13阅读:(1499)标签:css
<p>目前的浏览器大都支持各标签的hover效果,但,IE6,你懂的,只支持a标签的伪类效果,解决这个不兼容的情况呢,就要加一个文件了,csshover.htc。</p><p>实例演示:</p><style type=”text/css”> body{behavior:url(“csshover.htc”);margin:0;pad...

Jquery渐变效果函数之fadeIn,fadeOut和fadeTo

分类:前端开发2011-09-01阅读:(2281)标签:javascript, jquery
<p>我们来看看jquery是如何实现淡入 淡出效果的.</p><p>fadeOut(speed,callback)</p><p>通过不透明度的变化来实现所有匹配元素的淡<span style="color: #ff0000;">出</span>效果,并在动画完成后可选地触发一个回调函数。...

css sprite

分类:前端开发2011-05-27阅读:(1392)标签:css
<p>在以前我们的工作中,以传统切图思想进行操作,讲究精细,图片规格越小越好,重量越小越好,其实规格大小无所谓,计算机统一都按Byte计算。</p><p>客户端每显示一张图片都会向服务器发送请求,所以,图片越多请求次数越多,造成延迟的可能性也就越大。因为一张图片的传输时间,通常远小于请求等待的时间。</p><p>典型如文本编辑器,小...

div+css背景图片定位解析

分类:前端开发2011-05-24阅读:(1391)标签:css
今天有同行问我这个,我当时挺迷茫的,css背景图片定位没什么难的啊,怎么还问这个!好了,问到了,那就再温习一下,对div+css背景图片定位做一个解析。关键字, 例如: background-position: top right;  优点: 直观, 可用性高, 各浏览器中表现一致.  缺点: 缺少间隔尺寸. 三个垂直的 (top, center, bottom) 和三个水平的(left, ...

文字间歇性停顿的滚动效果

分类:前端开发2011-04-27阅读:(1453)标签:javascript
一些企业网站的新闻经常用一条,间歇性停顿滚动,这样的效果网上很多,有用jQuery的,也有原生态js的。这里用个原生态的。留作备用。<div style=”margin-top:30px;padding:10px;background:url(img/bg2.gif) bottom repeat-x”> <div style=”overflow:hidden;height:...

设置FLASH为底层

分类:前端开发2011-04-27阅读:(1432)标签:html
如何将FLASH放置到网页的底层,遇到这样的情况貌似很郁闷哦。有事问上百度谷歌一下。<div style=”z-index:-1″> <!–1.设置FLASH为底层–> <object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia...

HTML的上标和下标

分类:前端开发2011-04-18阅读:(1959)标签:html
<p>编辑同事想在网页中输入㎡,不过她好像不知道怎么输入那个平方的上标。那我就在这里,说一下在网页中如何实现上下标。</p><p>先看例子:</p><p>    (X+Y)2=Z2</p><p>    O2+H2=燃烧=H2O</p><p>看源代码就知道,这里用到了<sub>...

css制作排行榜样式

分类:前端开发2011-04-11阅读:(2096)标签:css
很多网页中会涉及到一些文章的排行,如最新文章,最火文章排行,这类文章列表的时候,往往会在前面添上一些表现出火热程度的图片,这里就来实例一下。先看一种方法,将排列的小图标放在一张图上,然后作为背景,放在UL里,让UL自动扩展,再将li的内容padding-left或者text-indent一下,此方法要控制好图片和li的高度,避免错位。<style type="text/css...
前端开发