此教程,完全使用CSS3 制作一个动态的导航菜单,不使用 JavaScript 等技术。

先来看 HTML

首先第一步是使用HTML完成网站的结构,此处 使用了很多 HTML5 方面的内容,但是对于IE6 7 8来说,必须使用另一种技术来使其支持 HTML5,这里使用 html5.js详细),需要放在 <Head> 标签之中,使用了条件判断,只对IE有效。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>CSS3 Animated Navigation Menu | Tutorialzine Demo</title>
        <!-- Our CSS stylesheet file -->
        <link rel="stylesheet" href="assets/css/styles.css" />
        <!-- Including the Lobster font from Google's Font Directory -->
        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lobster" />
        <!-- Enabling HTML5 support for Internet Explorer -->
        <!--[if lt IE 9]>
          <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
    </head>
   <body>
        <header>
            <h1>CSS3 Animated Navigation Menu</h1>
            <h2>&laquo; Read and download on Tutorialzine</h2>
        </header>
        <nav>
            <ul class="fancyNav">
                <li id="home"><a href="#home" class="homeIcon">Home</a></li>
                <li id="news"><a href="#news">News</a></li>
                <li id="about"><a href="#about">About us</a></li>
                <li id="services"><a href="#services">Services</a></li>
                <li id="contact"><a href="#contact">Contact us</a></li>
            </ul>
        </nav>
        <footer>Looks best in Firefox 4, usable everywhere.</footer>
    </body>
</html>

此处使用了Google  Web Font API,包括了100多种字体文件,可以随时使用在自己的项目上,当然都托管在 Google 的服务器上,不过几乎都是英文字体,对国内用处不是非常大。
更多…

自从爱上前端开始,一直在专注于CSS和HTML,但是由于本人天生愚钝,所以对于这些个已经十分简单的语言还是难以拿下,所以,耗费时间不说,起了个大早,赶了个晚集,什么都没留给我,在将这几个最简单的语言学个入门之后,这不是JavaScript也要开始进入日程了,无奈,还是天生愚钝,学了这么好几天了,才会写这么个小程序,记个笔记,为以后查阅方便,老鸟请不吝赐教啊。
在这个挨踢之路上,还望你们指教呢。
好了,上代码吧。粗糙,再次望指教。

<html>
<head>
<script type="text/javascript"> 
var ts=0;
function ShowTimes()
{ 
document.getElementById("times").value=ts; 
ts++; 
t=setTimeout(ShowTimes,1000); 
} 
function PauseTimes() 
{ 
clearTimeout(t); 
} 
function ResetTimes() 
{ 
document.getElementById("times").value=0;
ts=0;
} 
</script> 
</head>
<body> 
<button id="startcount" onclick="ShowTimes();">Starting</button>
<input type="text" id="times" />
<button id="stopcount" onclick="PauseTimes();">Pause</button>
<button id="clearcount" onclick="ResetTimes();">Reset</button>
</body> 
</html>

演示在这里: 点击这里

期待已久的Godaddy 超级优惠码又出现了,仅需1美元即可注册或转入域名。此次优惠码支持以下域名及用途:

支持域名:COM, .US, .MOBI, .BIZ, .NET, .ORG, .CA, .CO.UK, .IN

支持用途:注册或转入

支付方式:信用卡

优惠期限:2011年5月23日前,或10000名用户上线

域名优惠码:

ACES1

4月20日14:30 测试 可用。

这是什么?你懂得。

什么?你不懂?

给点力嘛,大湿!

观音山 AVI DVD-RMVB 下载

Titles ………..: Guan Yin Shan
Source ………..: DVD
Ripper ………..: Beethoven
DVD Runtime ……: 101 mins
Video Codec ……: XviD
Video Quality ….: 1700 kbps
Resolution …….: 640 x 352
Audio Codec ……: Ac3
Language ………: Mandarin
Subtitles ……..: Chinese
IMDb Rating ……: 6.9/10 (30 votes)
IMDb URL……….: http://www.imdb.com/title/tt1745713/
Number of rars per: 2CD 2 x 50 x 15MB 更多…

终于等来了 Android 版本的 Mozilla Firefox 4,在今天,也就是3月30号,Mozilla 发布了我们 Android 用户期待已久的Firefox 4,此版本提供了标签式的浏览方式,也支持书签还有同步,甚至支持扩展,一大坨新功能的加入对于移动版的 Firefox 4 可谓十分的给力,不过遗憾的是,此版本的 Firefox 4 暂时不支持 ARM v6 CPU的手机,以及不支持 Flash,不支持 Flash ,杯具还是洗具呢?

Mozilla 声称 此版本的火狐要比 Android 自带的浏览器快四倍呢,但是自家的孩子肯定好吗,谁知道呢。

此版本的 Firefox 4 使用了新的 JaegerMonkey Javascript 引擎,以及 Jit 技术,可以极大地提升页面载入速度和显示效果。

Mozilla Releases Firefox 4 for Android

同样,此版本的浏览器也可以使用户自定义自己个性化的浏览器,例如搜索引擎,可以简单的就看到自己使用 Firefox Sync 同步的书签、标签和进程等历史,开发者可以使用 HTML 5 的特性增加很多诸如地理位置、桌面提醒等功能。

此版本还提供对 PDF 的支持,并且还可以很方面的发布自己喜欢的图文到社交网站。具体功能请访问这里

最后就是下载地址:

Mozilla:点击这里进入下载

电子市场:这里也可以