发布于2007-12-13 02:03:19 |
详细内容( 91次阅读)
一直以来，我们大多使用js来实现弹出菜单，可是根据 w3c 的css标准，根本就没有这个必要。只需要简单得使用css+html就可以做出一个无限分级的弹出菜单。
没错，就是利用 Element:hover 这个伪类。
注意，浏览这个例子，你必须使用标准浏览器，例如 Mozilla Firefox/ Opera 7.5
IE 不行!!
function Preview(obj)
{
var TestWin=open();
TestWin.document.write(obj.value);
}
function copyCode(obj) {
var rng = document.b...
more
发布于2007-12-13 02:03:20 |
详细内容( 69次阅读)
<style>
A:link,A:visited ,A:active {TEXT-DECORATION: none}
A:hover {text-decoration : none; position : relative; top : 1px; left : 1px}
</style>
<A HREF="http://homepage.yesky.com/">把鼠标放上来看看效果---</A>
<A HREF="http://homepage.yesky.com/">这里是天极网页陶吧</A><script language="Javascript">
var now = new Date();
document.write("<img src=http://counter.yesky.com/counter.shtml?CID=...
more
发布于2007-12-13 02:03:20 |
详细内容( 75次阅读)
<?xml version="1.0" encoding="iso-8859-1"?>
<!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>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {text-align:center}
#outer {
width...
more
发布于2007-12-13 02:03:20 |
详细内容( 80次阅读)
以下是引用片段：<style type="text/css">.menu {font-family: verdana, sans-serif; width:750px; position:relative; font-...
more
发布于2007-12-13 02:03:21 |
详细内容( 66次阅读)
以下是引用片段：<style type="text/css">a{ color:#333333; text-decoration:none;}a:visited {color:#333333; text-...
more
发布于2007-12-13 02:03:21 |
详细内容( 122次阅读)
Top Right Banner Style#topright { position: absolute; right: 0; top: 0; display: block; height: 125px; width: 125px; background: url(TRbanner.gif) no-repeat; text-indent: -999em; text-decoration: none;}
Top Left Banner Style#topleft { position: absolute; left: 0; top: 0; display: block; height: 125px; width: 125px; background: url(TLbanner.gif) no-repeat; text-indent: -99...
more
发布于2007-12-13 02:03:22 |
详细内容( 144次阅读)
以下是引用片段：<div id="navcontainer"> <ul id="navlist"> <li id="active"><a href="#" id="current">Item one</a> <ul id="subnavlist"> <li id="subactive"><a href="#" id="subcurrent">Subitem one</a></li> <li><a href="#">Subitem two</a></li> <li><a href="#">Subitem three</a></li> <li><a href="#">Subitem four</a></li> </ul&...
more
发布于2007-12-13 02:03:22 |
详细内容( 83次阅读)
写了个SlideShow的原型,利用image的complete,判断图片是否调用完全，调用完全以后才显示，否则是LOADING的图片，还考虑的是
1.每调用一张图片之前先出现loading的过程,
2.调用图片中不会因为网速和图片过大而未显示全,直接跳到下一张,要按顺序一张一张播放.
3.第一次 播放的时候，因为调用图片会慢一点，重新播放是调用CACHE里的，速度就快了
function Preview(obj)
{
var TestWin=open();
TestWin.document.write(obj.value);
}
function copyCode(obj) {
...
more
发布于2007-12-13 02:03:23 |
详细内容( 64次阅读)
首先我们要明确，display:inline;与float:left;正确含义。display:inline;(内联)《CSS权威指南》中文字显示:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式，这里的“行布局”的意思就是说其表现形式始终以行进行显示。比如，我们设定一个内联元素border-bottom:1px solid #000;时其表现是以每行进行重复，每一行下方都会有一条黑色的细线。如果是块级元素那么所显示的的黑线只会在块的下方出现。
当然这看起来不像是display:inline;与float:left;的区别所在，但是当理解了float:left;的特性�...
more
发布于2007-12-13 02:03:23 |
详细内容( 42次阅读)
很多朋友问过我absolute与relative怎么区分，怎么用？我们都知道absolute是绝对定位，relative是相对定位，但是这个绝对与相对是什么意思呢？绝对是什么地方的绝对，相对又是相对于什么地方而言的呢？那他们又有什么样的特性，可以做出什么样的效果呢？关于两者之间又有什么样的技巧呢？下面我们就来一一解读。
Absolute，CSS中的写法是：position:absolute; 他的意思是绝对定位，他是参照浏览器的左上角，配合TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位，在没有设定TRBL，默认依据父级的做标原始点为原始点。如果设定TR...
more
当前位置：
0条评论 
Rss Feed
