我们来做一个会呼吸的菜单吧!!
Jessica 
我看到了网上有一些例子..我就来凑个热闹..说下我自己的做法..
大家先可以看一下最终的效果 http://resume.skiyo.cn/
我的做法相对比较简单..大部分工作都是css来做的..
首先我们需要看上去差不多是下面的一张菜单图片..你可以点击之后看大图..
然后我们就来写HTML了..注意.重点就在这里..我让a在li的上面..遮盖住li..
1 2 3 4 5 6 7 8 9 | <div id="menu">
<ul>
<li id="nv_about"><a href="#about_anchor"> </a></li>
<li id="nv_skill"><a href="#skill_anchor"> </a></li>
<li id="nv_works"><a href="#works_anchor"> </a></li>
<li id="nv_introduce"><a href="#introduce_anchor"> </a></li>
<li id="nv_contact"><a href="#contact_anchor"> </a></li>
</ul>
</div> |
CSS为:
IE8的一些兼容HACK..
使用META标签
Windows Internet Explorer 8 支持多种兼容性模式，它们可启用不同的受支持的功能，并影响内容的呈现方式。例如，
IE5 模式呈现内容时，像是使用了 Windows Internet Explorer 7 的 Quirks 模式，这与 Windows Internet Explorer 5 显示内容的方式很相似。
IE7 模式呈现内容时，无论页面是否包含 <!DOCTYPE> 指令，都像是使用了 Windows Internet Explorer 7 的标准模式。
EmulateIE7 模式通知 Windows Internet Explorer 使用 <!DOCTYPE> 指令确定如何呈现内容。标准模式指令以 Windows Internet Explorer 7 标准模式显示，而 Quirks 模式指令以 IE5 模式显示。与 IE7 模式不同，EmulateIE7 模式遵循 <!DOCTYPE> 指令。对于多数网站来说，它是首选的兼容性模式。
IE8 模式最大限度地支持行业标准（包括 W3C Cascading Style Sheets Level 2.1 Specification 和 W3C Selectors API，并能有限支持 W3C Cascading Style Sheets Level 3 Specification（工作草案）。
Edge 模式通知 Windows Internet Explorer 以最高级别的可用模式显示内容，这实际上破坏了“锁定”模式。对于 Windows Internet Explorer 8，这与 IE8 模式是等效的。如果（假定）Windows Internet Explorer 的未来版本支持更高级别的兼容模式，设置为 Edge 模式的页面将显示在由该版本支持的最高级别模式中；但是，当使用 Windows Internet Explorer 8 查看时，这些相同的页面仍将显示在 IE8 模式中。由于在 Windows Internet Explorer 的未来版本中呈现页面内容可能出现意外，建议 Web 开发人员将 Edge 模式仅用于测试页面和其他非生产活动。
- <html>
- <head>
- <!-- Mimic Internet Explorer 7 -->
- <title>我的网页</title>
- <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
- </head>
- <body>
- <p>内容在此处。</p>
- </body>
- </html>
Content 属性指定了该页面的模式；例如，要模仿 Windows Internet Explorer 7 的行为，请指定 IE=EmulateIE7。同样，可指定 IE=5、IE=7 或 IE=8 以选择其中一种兼容性模式。您还可以指定 IE=edge 以通知 Windows Internet Explorer 8 使用最高级别的可用模式。
X-UA-compatible 标头不区分大小写；但是，它必须显示在网页中除 TITLE 和其他 META 元素以外的所有元素之前的标头（HEAD 部分）中。
巧妙办法判断PHP变量类型.
我先给大家出道题.就是写一个函数.有一个参数(字符串).判断这个参数的类型并返回.
比如一个字符串’12.5′.就应该返回数字的12.5.而不是字符串的12.5.
也许我说的不够清楚.这样吧.我还是把这个函数写出来吧…= =||
- function type($val) {
- if(is_float($val)) {
- return floatval($val);
- }elseif (is_numeric($val)) {
- return intval($val);
- }elseif (is_string($val)) {
- return $val;
- }
- }
我写出来了..大家就能看出来我是什么意思了.
但是现在遇到个问题.也许是PHP的BUG还是PHP故意设计成这样?
- $str = '12.5';
- echo is_float($str); //输出是false
- echo is_numeric($str); //输出是true
大家可以看到.is_float和is_numeric的效果是不一样的.
既然这样的话.上面的函数就是有错误的了.我们看看如何来修改这个函数.
分类目录
- ActionScript (2)
- CSS (25)
- Java (3)
- JavaScript (41)
- PHP (108)
- 心情杂谈 (34)
- 收集整理 (77)
- 本站原创 (57)
最近文章
- 在sae中利用SaeFetchurl进行豆瓣的OAuth授权
- OAuth 1.0a与1.0协议的改进…
- 深入理解OAuth与豆瓣OAuth test
- include_path+__autoload与数组+__autoload的比较
- 将google ssl设置为IE8的默认搜索引擎..
- 我们来做一个会呼吸的菜单吧!!
- 在编译php-fpm0.6的时候需要注意的一些问题
- 使用PHP将大文件导入到数据库中..
- 关于用PHP调用WebService中参数为complexType的问题
- 神奇的两次按位非运算符
- 百路推免费短网址服务..首创”收藏夹获取短网址”..
- 哥学社正式上线..
- jQuery中getJSON跨域原理详解
- Web辅助工具条(原名:河蟹工具条CrabBar)0.1发布
- 腾讯微博PC端发图教程
近期评论
- 老飞的小窝 在 jQuery中getJSON跨域原理详解 上的评论
- Jackie.Hamos 在 将google ssl设置为IE8的默认搜索引擎.. 上的评论
- Elmer Zhang 在 在sae中利用SaeFetchurl进行豆瓣的OAuth授权 上的评论
- 茶叶蛋 在 一个PHP+AJAX留言板的完整例子.非常简单! 上的评论
- 9527 在 我们为什么要抛弃模板引擎?? 上的评论
- hikurasai 在 Flash TagCloud中文版. 上的评论
- lx 在 PHP上传进度条深度解析 上的评论
- lx 在 使用PHP将大文件导入到数据库中.. 上的评论
- nflauthentic 在 哥学社正式上线.. 上的评论
- uggsale 在 有三个主题的CSS导航菜单 上的评论
文章归档
- 2010 年八月 (4)
- 2010 年七月 (3)
- 2010 年六月 (4)
- 2010 年五月 (2)
- 2010 年四月 (9)
- 2010 年三月 (12)
- 2010 年二月 (1)
- 2010 年一月 (3)
- 2009 年十二月 (2)
- 2009 年十一月 (3)
- 2009 年十月 (3)
- 2009 年九月 (5)
- 2009 年八月 (4)
- 2009 年七月 (6)
- 2009 年六月 (8)
- 2009 年五月 (8)
- 2009 年四月 (16)
- 2009 年三月 (19)
- 2009 年二月 (22)
- 2009 年一月 (20)
- 2008 年十二月 (38)
- 2008 年十一月 (22)
- 2008 年十月 (7)
- 2008 年九月 (3)
- 2008 年八月 (24)