摘要: /*打开网页源代码,若你想实现网页以垂直百叶窗的方式打开,可以在源代码的〈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 拉登不开心 阅读(182) 评论(0) 推荐(0) 编辑
摘要: 之前的做法是:input,select,textarea{outline:0;}现在可以这么写::focus{outline:0} 阅读全文
posted @ 2011-07-28 23:46 拉登不开心 阅读(304) 评论(0) 推荐(0) 编辑
摘要: <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 拉登不开心 阅读(567) 评论(0) 推荐(0) 编辑
摘要: 每次点击超链接的时候会有一个虚线框 挺烦人的 所以搞个让他消失代码首先是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 拉登不开心 阅读(363) 评论(1) 推荐(0) 编辑
摘要: /***************************{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 拉登不开心 阅读(193) 评论(0) 推荐(0) 编辑
摘要: .clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}.clearfix { zoom: 1;} 阅读全文
posted @ 2011-07-28 22:57 拉登不开心 阅读(212) 评论(0) 推荐(0) 编辑
摘要: <!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 拉登不开心 阅读(209) 评论(0) 推荐(0) 编辑
摘要: <!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 拉登不开心 阅读(862) 评论(0) 推荐(1) 编辑
摘要: <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 拉登不开心 阅读(408) 评论(1) 推荐(0) 编辑
摘要: http://css3please.com/ 阅读全文
posted @ 2011-07-19 14:10 拉登不开心 阅读(242) 评论(0) 推荐(0) 编辑