也许已经有人发现可以这样写...CSS代码部分a.info { position:relative; z-index:0; background-color:#ccc; color:#000; text-decoration:none }a.info:hover { z-index:1; background-color:#ff0 }a.info span { ...
http://www.jb51.net//article/1201.htm
一段文字，当鼠标在文字上面单击，文字消失，原来文字的地方却立即变成了一张图片，当鼠标在图片上单击，图片又消失，原来的文字又重现了，像变魔术一样，是不是有意思?!这种效果用Dreamweaver的Behavirs功能也可实现，但那要增加一段javascript程序，明显增加了不少代码。而用CSS来制作这种效果，增加的代码却要少得多。 原理:利用CSS的属性值可动态改变的特点。 思路:定义一个HTML元素CSS属性的两种属性值，再用一个事件来触发，一旦事件发生，则改变HTML元素的属性值，从而达到预期目的。 制作方法: 1、在网页中输入一段文字，用“Span”标记把它括起来，并给它加一...
http://www.jb51.net//article/1164.htm
最常见实用的布局形式：上、中左、中右、底四个模块，宽度760px，整体页面居中。结构代码，topleftrightfoot四个模块全部独立、互不嵌套。＜divid="top"＞head＜/div＞＜divid="left"＞ ＜divid="left_module"＞left＜/div＞＜/div＞＜divid="right"＞ ＜divid="right_module"＞right＜/div＞＜/div＞＜divid="foot"＞foot＜/div＞顶部属于常规定义。#top{height:100px;background:#ccc;width:760px;margin...
http://www.jb51.net//article/1161.htm
如果你能很好地应用CSS，那么你的主页将被打扮得很靓。下面就给大家介绍用CSS做出的一个鼠标单击特殊效果图。1、将下面的代码复制到你的主页中和之间。〈STYLE〉.shadow{ FILTER:shadow(color=blue，direction=225) } .shadow1{ FILTER:shadow(color=red，direction=225) } .shadow2{ FILTER:shadow(color=green，direction=225) } .div{ CURSOR:move;FILTER:blur(add=ture，direction=135，s...
http://www.jb51.net//article/1155.htm
实现方法很简单，在CSS中添加以下代码:img{ filter:expression( this.不能去掉?"": ( (!this.complete)?"": this.runtimeStyle.filter=("progid:DXImageTransform.Microsoft.AlphaImageLoader(src=''"+this.src+"'')")+ String(this.不能去掉=true).substr(0,0)+ (this.src="http://siyizhu.com/styles/nicky/im...
http://www.jb51.net//article/1151.htm
这个效果非常独特，以前我所见过的这种特效实现过程非常复杂，但这里的源代码却非常简单，推荐收藏。<htmlxmlns:v><head><style>v\:*{behavior:url(#default#VML);}</style></head><body><v:roundRectstyle="position:absolute;left:20px;top:50px;width:200px;height:140px;"FillColor="#e8e8e8"Filled="T"/>刷新本页才能看到效果</bod...
http://www.jb51.net//article/1137.htm
出处：http://blog.donews.com/dodo/archive/2005/06/18/434979.aspx在TABLE布局中设计Form,一般都是用2个td来布局,如果不用table,用CSS怎么做呢?看看下面的代码<styletype="text/css">label{float:left;width:80px;}form{margin:0px}input{width:180px;border:1pxsolid#808080}textarea{width:250px;height:150px;}#sbutton{margin-left:80px;margin-to...
http://www.jb51.net//article/1130.htm
修改您的样式表，找下边这段（一般都在开头）a{color:#3399FF;font-weight:Normal;/*字体效果普通可以改成bold粗体*/text-decoration:none;/*下划线效果：无下划线*/}a:hover{color:#4499EE;text-decoration:none;/*下划线效果：无下划线*/border-bottom:1px#0099CCdotted/*加一个只有下边的框边框为虚线*/} a{}控制连接的效果a:hover{}控制鼠标移上去的效果。一些CSS定义虚线实例代码[html]<style>table{width:200px;...
http://www.jb51.net//article/1112.htm
表格效果table[html]<table width="500" border="0" cellpadding="0" cellspacing="1" bgcolor="#000000"><tr bgcolor="#FFFFFF"> <td height="50" colspan="3"> </td> </tr> <tr bgcol...
http://www.jb51.net//article/1099.htm
[html]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <TITLE>Popup对象实现右键菜单</TITLE> <script language="JavaScript"> var oPopup = window.createPopup(); functi...
http://www.jb51.net//article/1097.htm
作者Blog：www.coolcode.cnIE 5.5 中的 JScript 版本是 5.5 版，它比以前版本的 JScript 中多了如数组的 push、pop、shift、unshift 方法和 encodeURI、decodeURI 等一些重要的函数。而这些增加的内容在目前其他浏览器（如 Moziila/Firefox 和 Opera）上也同样支持。因此目前开发网站一般对于 IE 浏览器只能兼容到 5.5&n...
http://www.jb51.net//article/1085.htm