Archive for the 'CSS' Category

05 2008

10个用能用JavaScript实现的图片特效

Published by 笨二十一 under CSS,Web技术

一般来说,我们在写博客或做网站时都需要对插图做一些效果,比如增加阴影、图片圆角、倒映等等。这些效果一般可以用3个方法实现,一是用PS实现对图片进行修改,二是使用CSS,三是使用JavaScript。使用PS会破坏原图,而且要花费一定的时间。Netzgesta上有很多实现图片特效的JavaScript提供下载,很多效果都是相当漂亮的。
1、水倒映

这个js将为图片添加水倒映的特效,时下web2.0站点很喜欢这种效果。
如果你喜欢在线生成水倒映效果,可以参考这里。
js下载链接
2、圆角+阴影

或许你记得用RoundPic能在线生成圆角图片,事实上用这个js也可以实现效果。
js下载链接
阅读全文——共908字

No responses yet

04 2008

让并排的两个Div自适应高度(一样高)

Published by 笨二十一 under CSS,Web技术

    由于设计页面需要,要把两个并排显示的div实现一样高的效果,n行n列布局,每列高度(事先并不能确定哪列的高度)的相同,是每个设计师追求的目标。方法有以下几种:1、JS实现(判断2个div高);2、纯css方法;3、加背景图片实现。首先说下本博客实现的2个div一样高的方法(即js方法)。
 
    div+css基本布局:
 
<div id=”mm”>
<div id=”mm1″></div>
<div id=”mm2″></div>
</div>
 
    1、js实现div自适应高度
阅读全文——共1539字

No responses yet

03 2008

无js实现div+css左右高度自适应

Published by 笨二十一 under CSS,Web技术

以下代码实现了无js实现div+css左右高度自适应,具体应用视情况而定。
<!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″ />
<title>左右自适应高度</title>
阅读全文——共777字

One response so far

« Prev