2012年4月17日
好用的清除浮动方法，不需要无意义的标签
摘要： css: .menu{ overflow:hidden; _zoom:1; /* ie6 hack */ } .menu li{ float:left; }html: <ul class="menu"> <li>11111111</li> <li>22222222</li> <li>33333333</li> </ul>这种方法清除浮动很有用。在浮动元素后面加<div style="clear"></div>（或其他方法）来清除这种浮动 阅读全文
posted @ 2012-04-17 20:13 马克_SHI 阅读(146) 评论(0) 推荐(0)
2011年10月27日
jTips--jquery提示插件
摘要： 效果图：sym.jTips-1.0.js 源文件：/*sym.jTips-1.0by 4yming - 微博：http://weibo.com/4yming-----------------------------------------用法：基本用法：$.jTips({ _text:'Hello,world!'//显示的文本，也支持html});扩展用法：$.jTips({ _text:'Hello,world!', _bgColor:'#FDFADC',//背景色 _border:'1px #F2EEA8 solid',//边 阅读全文
posted @ 2011-10-27 17:43 马克_SHI 阅读(728) 评论(1) 推荐(0)
2011年10月13日
仿谷歌主页js动画效果
摘要： 昨天看到谷歌的主页上出现了几个动画，发现不是flash做的，而是用js+图片实现的！今天把拷贝到的图片，用js实现了动画效果！看看效果吧：http://jqmobile.sinaapp.com/animate.html源代码：<!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/1 阅读全文
posted @ 2011-10-13 17:17 马克_SHI 阅读(2301) 评论(2) 推荐(5)
2011年10月9日
IE6的浮动float时3px问题
摘要： IE6和更早的版本会在一个浮动的列(橙色)和一个非浮动的列(灰色)之间插入一个3px的空间。这个3px空间的准确位置取决于几个条件。非浮动列没有固定的宽度或者高度。非浮动列有固定的宽度或者高度。当满足第1种条件时，非浮动列里会沿着浮动列有个3px的缩进，直到浮动终止(如下图，注意在灰色的左边有3px的空间)。如果要修复这个BUG，要完成两个步骤。第一步，给非浮动列一个高度(height: 1px)。当完成这个步骤时，就满足了上面所说的第2个条件，非浮动列有固定的宽度或高度。这时3px的空间会出现在浮动列与非浮动列的中间，而不是非浮动列的里面(如下图，注意在橙色与灰色的交界处有3px的空间)。有 阅读全文
posted @ 2011-10-09 15:11 马克_SHI 阅读(703) 评论(1) 推荐(0)
谷歌的JQuery库
摘要： 为了实现各种绚丽的效果，你的网站是否调用了众多的Ajax库呢？尽管这样做能是你的网站增色不少，但几十K的Ajax库也会让你的网站丢失速度。既然如此，那我们到底是要速度还是要特效呢？ 今天就大家介绍一个两全其美的办法。 一般的网站都只是调用各种Ajax库，并不用对其内容进行修改，所以我们可以借助第三方服务器上的Ajax库。Google Code就给我们提供了各种Ajax库的托管链接，我们可以直接调用这些链接而不用把整个库上传到主机，大大减少主机的压力，对于速度较慢的主机效果很明显哦。当然，如果你的主机足够强劲以至于能和Google媲美的话，我建议还是把库放在自己主机上。 这里给大家整理... 阅读全文
posted @ 2011-10-09 14:15 马克_SHI 阅读(1752) 评论(1) 推荐(0)
ie6下元素内包含image、input等子元素时行高line-height失效
摘要： 今天做项目是发现，在ie6下，当元素内的文字和img、input、textarea、select、object等元素相连时，行高line-height失效！到百度搜索发现：当在一个容器里文字和img、input、textarea、select、object等元素相连的时候，对这个容器设置的line-height数值会失效； 同时以上元素的行高可能×2：受 影响的浏览器： Microsoft Internet Explorer 5.01 / Windows Microsoft Internet Explorer 5.5 / Windows Microsoft Internet Expl 阅读全文
posted @ 2011-10-09 14:08 马克_SHI 阅读(510) 评论(0) 推荐(0)