2011年7月29日
为网页的进入或退出设置不同的动态效果
摘要： /*打开网页源代码，若你想实现网页以垂直百叶窗的方式打开，可以在源代码的〈head〉与〈/head〉之间加入如下语句*/〈meta http-equiv="Page-Enter" content="RevealTrans (Duration=3, Transition=8)"〉/***************“Duration”的值为网页动态过渡的时间，单位为秒，一般设为3~5秒即可。“Transition”不同的值对应不同的过渡方式，共有24种方式可供选择： 0 盒状收缩 1 盒状放射2 圆形收缩3 圆形放射4 由下往上5 由上往下6 从左至右7 从右 阅读全文
posted @ 2011-07-29 00:02 拉登不开心 阅读(185) 评论(0) 推荐(0)
2011年7月28日
取消chrome输入框高亮的办法
摘要： 之前的做法是：input,select,textarea{outline:0;}现在可以这么写：：focus{outline:0} 阅读全文
posted @ 2011-07-28 23:46 拉登不开心 阅读(315) 评论(0) 推荐(0)
用CSS让文字颠倒过来显示
摘要： <html><head><title>Text Up side down</title><style type="text/css">.txtUpsideDown{ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); /* IE6,IE7 */ ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; /* IE8 */ -moz-t 阅读全文
posted @ 2011-07-28 23:38 拉登不开心 阅读(584) 评论(0) 推荐(0)
兼容IE FF的超链接点击无虚线框
摘要： 每次点击超链接的时候会有一个虚线框 挺烦人的 所以搞个让他消失代码首先是FF只需要加上一个属性就可以了 outline：none； 这样在ff里边就不显示了再次就是IEie里边就没有css属性可控制了， 那怎们办那 其实可以在html控件上加一个属性 hidefocus=“true”；好了 你可以测试下<a hideFocus="true" style= "outline:none;" alt= "ooxx" href= "#" >ooxx</a> 阅读全文
posted @ 2011-07-28 23:33 拉登不开心 阅读(370) 评论(1) 推荐(0)
常用的CSS Reset
摘要： /***************************{CSS Reset}*****************************/html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, cen 阅读全文
posted @ 2011-07-28 23:09 拉登不开心 阅读(203) 评论(0) 推荐(0)
清浮动css代码
摘要： .clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}.clearfix { zoom: 1;} 阅读全文
posted @ 2011-07-28 22:57 拉登不开心 阅读(215) 评论(0) 推荐(0)
2011年7月21日
三列自适应等高且中列宽度自适应
摘要： <!doctype html><html><head><meta http-equiv="Content-Type" content="text/html; charset=gbk" /><title>三列自适应等高且中列宽度自适应</title><style type="text/css">a { color:#333; text-decoration:none;}.wrap { overflow:hidden;}.left { width:240p 阅读全文
posted @ 2011-07-21 18:09 拉登不开心 阅读(213) 评论(0) 推荐(0)
纯CSS实现“三角形箭头”布局的代码
摘要： <!doctype html><html><head><title>纯CSS实现“三角形箭头”布局的代码</title><meta http-equiv="Content-Type" content="text/html; charset=gbk"/></head><body><div style="padding: 40px; background:#fff;"> <div style="position: r 阅读全文
posted @ 2011-07-21 17:09 拉登不开心 阅读(868) 评论(0) 推荐(1)
2011年7月20日
世界末日倒计时 js代码
摘要： <div id="container">离世界末日还有 <span id="downtime" style="color:red"></span></div><script>function downTime(){var timeout = window.setTimeout(downTime, 100);var endTime=new Date("12-21-2011 0:0:0");//改成你的计时日期var today=new Date();var 阅读全文
posted @ 2011-07-20 11:00 拉登不开心 阅读(424) 评论(1) 推荐(0)
2011年7月19日
非常有用的可让用户复制并粘贴常见CSS3代码的站点,具有可供现场测试效果的预览区。
摘要： http://css3please.com/ 阅读全文
posted @ 2011-07-19 14:10 拉登不开心 阅读(251) 评论(0) 推荐(0)