2011年4月22日
仿163邮箱鼠标放上变色的按钮样式
摘要： <!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><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文
posted @ 2011-04-22 13:55 moxie 阅读(199) 评论(0) 推荐(0) 编辑
JS+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"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 阅读全文
posted @ 2011-04-22 13:53 moxie 阅读(975) 评论(0) 推荐(0) 编辑
DIV CSS兼容
摘要： CSS兼容包括以下几点:1、CSS网页版式错位2、CSS网页在不同浏览器显示文字大小、颜色不一致3、CSS网页空白4、DIV+CSS在各浏览器中显示布局样式不同DIV CSS兼容原因：1、未初始化CSS2、charset编码不正确3、标签为结束4、浏览器解释CSS属性不同5、CSS失效，未doctype声明解决网页不兼容方法：1、统一一次用到标签的CSS属性，也就是CSS初始化2、设置好charset网页编码，如网页UTF编码内容复制到GBK网页里需要借助CSS工具（常用DW软件）转换编码3、记得关闭标签，如<div>开始内容 记得使用</div>结束4、使用CSS H 阅读全文
posted @ 2011-04-22 13:48 moxie 阅读(172) 评论(0) 推荐(0) 编辑
2011年4月21日
JS焦点 myFocus
摘要： 1、什么是 myFocusmyFocus是一个专注于焦点图/轮换图制作的JS库，它小巧而且是完全独立的JS库，大概是6~7KB左右的大小(min版)，用它可以轻松的制作出网上绝大部分常见的焦点图(甚至包括flash焦点图)，而且制作出的焦点图体积也非常的小(1KB左右)，功能也十分的完备，因为是轻量级，其运行效率也比常见的焦点图要高，最重要的一点是，用myFocus制作出的焦点图使用十分的简单方便，而且每个焦点图的接口/结构都是通用的，这样，只用1~2秒时间就给网站换不同风格的焦点图成为了可能。2、myFocus 的优点myFocus的设计理念就是简单易用，无论是多么复杂应用的焦点图。这就意味 阅读全文
posted @ 2011-04-21 23:53 moxie 阅读(1632) 评论(0) 推荐(0) 编辑
跑马灯 文字一行一行地向上滚动
摘要： <div align="center" id="demo" style="overflow:hidden;height:200px;width:600px;border:1px solid #000;"> <div id="demo1">DIV+CSS教程,网而布局,web2.0,常用代码,水晶图标,幻灯图片</div> <div id="demo2"></div></div><script language=&quo 阅读全文
posted @ 2011-04-21 02:58 moxie 阅读(993) 评论(0) 推荐(0) 编辑
2011年4月19日
一个非常简单的滚动代码
摘要： <marquee scrollamount="1" scrolldelay="30" direction= "up" width="100%" height="120" onmouseover="this.stop()" onmouseout="this.start()"> 向上面滚动-欢迎光临 </marquee> 阅读全文
posted @ 2011-04-19 23:30 moxie 阅读(237) 评论(0) 推荐(0) 编辑
2011年4月18日
css3对background的调整与增强
摘要： css3对于backgrounds做了一些修改，最明显的一个就是采用设置多背景，不但添加了4个新属性，并且还对目前的属性进行了调整增强。1、多个背景图片在css3里面，你可以再一个标签元素里应用多个背景图片。代码类似与css2.0版本的写法，但引用图片之间需用“，”逗号隔开。第一个图片是定位在元素最上面的背景，后面的背景图片依次在它下面显示，如下：background-image: url(top-image.jpg), url(middle-image.jpg), url(bottom-image.jpg);2、新属性：Background Clip此讨论让我们回到文章开始提到的关于背景被b 阅读全文
posted @ 2011-04-18 11:17 moxie 阅读(138) 评论(0) 推荐(0) 编辑
2011年4月16日
HTML5标记省略 语法规则
摘要： HTML5的标记可以省略，在不影响页面布局的情况下，可以节省网页体积大小。减少代码量。某些标记可以省略。省略标记的开始标记并不意味着标记不存在，它是隐含的，但它仍然存在。一个HTML文件总是有一个根标记HTML，即使字符串<html>没有出现在页面标记中的任何地方。HTML标记的开始标记可以省略，如果HTML标记内的第一个标记不是注释。HTML标记的结束标记可以省略如果HTML标记不是随后立即跟随着一条注释。head标记的开始标记可以省略，如果该标记是空的，或者head内的标记首先是一个标记而不是注释。head标记的结束标记可以省略，如果head标记后没有立即跟随空格字符或注释。一 阅读全文
posted @ 2011-04-16 23:42 moxie 阅读(378) 评论(0) 推荐(0) 编辑
2011年4月14日
15 个非常值得收藏的HTML5资源
摘要： HTML5 越来越引起人们的关注，苹果甚至将 HTML5 视为 Flash 的掘墓人。然而，作为一种尚未成型的技术，HTML5 对很多人来说仍然是陌生的。本文收集了 15 个非常值得收藏的 HTML5 资源，这些资源可以让你同 HTML5 的发展保持一致，并始终处于这门技术的最前沿。1. WTF is HTML5这是一个关于 HTML5 Infographics 的站点，包含诸如 HTML5 同 Flash 的对比，HTML5 不同浏览器支持情况，HTML5 最受欢迎的功能等资料。2. Dive Into HTML 5Mark Pilgrim 是知名软件开发师与博客作者，他在线编写了一本有关 阅读全文
posted @ 2011-04-14 20:24 moxie 阅读(190) 评论(0) 推荐(0) 编辑
让你心静的七十五条经典修心格言
摘要： 1、心外无物，闲看庭前花开花落；去留无意，漫随天外云卷云舒。 2、静以修身，俭以养德，非淡泊无以明志，非宁静无以致远。 3、古之立大事者，不惟有超世之才，亦必有坚韧不拔之志。 4、小人以己之过为人之过，每怨天而尤人；君子以人之过为己之过，每反躬而责己。 5、千里之行，始于足下。改变将来，从现在开始。改变现在，就是改变未来。 6、没有烦恼不要惹烦恼，有了则尽量解决它。 7、忏悔心、谦卑心很重要，不过对自己的爱心更重要。 8、最好的改变方式，是我们跟内在力量沟通，然后它会改变我们。 9、如果认为自己很弱小，我们就成为弱小；如果认为自己很伟大，我们就变成伟大。 10、修改自己就是修改世界，天生我材必 阅读全文
posted @ 2011-04-14 01:01 moxie 阅读(133) 评论(0) 推荐(0) 编辑