浏览模式: 标准 | 列表
分类:CSS & JS
Records:311234

两种方法用javascript实现多个CSS切换

方法一:

用JS的setAttribute方法可以实现一个页面两份(或多份)CSS样式表的效果,具体方法如下:

第一步:在连接样式表的元素里定义一个默认的CSS,例如:

<link href="style-1.css" rel="stylesheet" type="text/css" id="css">

我定义的id是css。

阅读全文...

分类:CSS & JS | 评论:0 | 阅读:5620

按钮onclick事件大全

<INPUT onclick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开 name=Button1>

<INPUT onclick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存为 name=Button2>

<INPUT onclick=document.all.WebBrowser.ExecWB(10,1) type=button value=属性 name=Button3>

阅读全文...

分类:CSS & JS | 评论:0 | 阅读:11315

DIV+CSS流行的十大理由

1.CSS将从基础开始建设直到全面替代传统web设计方法。W3C组织创建的CSS技术将替代HTML的表格、font标签、frames以及其它用于表现的HTML元素。

2.提高页面浏览速度。使用CSS方法,比传统的web设计方法至少节约50%以上的文件尺寸。

3.缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。

阅读全文...

分类:CSS & JS | 评论:0 | 阅读:8910

IE6、IE7、Firefox兼容最简单的CSS Hack

我说过,我很喜欢firefox的,很恨ie的,但是没办法,我总不能要求大家都用firefox吧,MS也不能因为大多数人的不喜欢(我相信是大多数)而停止对IE的开发吧。

不过,这种方法的缺点就是每一个属性都要去Hack.

#something  { 
    position: fixed; 
   #position: fixed; 
   _position: fixed; 

阅读全文...

分类:CSS & JS | 评论:0 | 阅读:8323

针对IE6,IE7,firefox的CSS hack写法

针对IE6,IE7,firefox的CSS hack写法:

区别IE6FF
       background:orange;*background:blue;

 

区别IE6IE7
       background:green !important;background:blue;

 

区别IE7FF
       background:orange*background:green;

 

区别FFIE7IE6
       background:orange;*background:green !important;*background:blue;

阅读全文...

Tags: css | 分类:CSS & JS | 评论:0 | 阅读:14351

十个很有效的css小技巧

1.CSS字体属性简写规则

一般用CSS设定字体属性是这样做的:

font-weight:bold;

font-style:italic;

font-varient:small-caps;

font-size:1em;

line-height:1.5em;

font-family:verdana,sans-serif;

但也可以把它们全部写到一行上去:

font: bold italic small-caps 1em/1.5em verdana,sans-serif;

阅读全文...

Tags: css | 分类:CSS & JS | 评论:0 | 阅读:12335

网上搜集的一些漂亮网页特效1

漂动的星:

<DIV><CENTER><EMBED style=''RIGHT: 100px; WIDTH: 800px; POSITION: absolute; TOP: 0px; HEIGHT: 1000px'' align=right src=http://forshine.net/flash/5.swf type=application/octet-stream wmode=''transparent'' quality=''high'' ;;> </CENTER></DIV>

...

阅读全文...

Tags: css | 分类:CSS & JS | 评论:0 | 阅读:13050

如何让div层位于select之上

  

select元素在ie中是属于一个特例,它和其他的html元素不同,从浏览器层面来解释,它实际上是一个窗体级别的元素(如果有做过c/s开发,应该会知道这点),所以它的优先级大大高于其他所有的html标签,只要有它在的地方,它就会从所有元素的背后冒出个头来,而只有同样窗体级的frame才能遮住它(废话,要是遮不住select,那这个东东不就从frame外冒出来?)

阅读全文...

Tags: div | 分类:CSS & JS | 评论:0 | 阅读:15421

CSS控制图片最大尺寸(按比例缩小图片)

本人亲测可用。

#article img { /*-- 专门用于限定文章DIV下的图片 --*/
     max-width: 150px;
     max-height: 50px;
}

* html #article img {
     width: expression(this.width > 150 && this.width > this.height ? 150 : auto);
     height: expresion(this.height > 50 ? 50 : auto);
}

阅读全文...

Tags: css | 分类:CSS & JS | 评论:1 | 阅读:16430

DIV+CSS 制作上下左右都居中的div图层的一种方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="gb2312" >
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<meta name="author" content="Smiling Dolphin" />
<meta name="keywords" content="azhong.com" />
<meta name="description" content="my favorites language." />
<meta name="robots" content="all" />
<title>上下左右都居中的div图层 css</title>

阅读全文...

Tags: div | 分类:CSS & JS | 评论:2 | 阅读:17441
Records:311234