2012 年 9月 1 日随笔档案 - cbwcwy

2012年9月1日

摘要： <html><head><style type="text/css">#logo{background:url("bg.gif") no-repeat 100px 50px;}#logo a{text-indent:-9999px;display:block;height:125px;outline:none}</style></head><body><h2 id="logo" style="-webkit-transform: rotate(1d 阅读全文

posted @ 2012-09-01 21:51 cbwcwy 阅读(243) 评论(0) 推荐(0) 编辑

-webkit-transition (不支持IE) 这个属性的作用是使得变化不那么生硬，达到比较平和的过渡

摘要： <style type="text/css">div { width: 200px; }h2 { font: 400 40px/1.5 Helvetica, Verdana, sans-serif; margin: 0; padding: 0; }ul { list-style-type: none; margin: 0; padding: 0; }li { font: 200 20px/1.5 Helvetica, Verdana, sans-serif; border-bottom: 1px solid #ccc; }li:last-child { bord 阅读全文

posted @ 2012-09-01 14:15 cbwcwy 阅读(1604) 评论(0) 推荐(0) 编辑

javascript判断IE浏览器的版本

摘要： <script language="javascript">function ie(){var isIE=!!window.ActiveXObject;var isIE6=isIE&&!window.XMLHttpRequest;var isIE8=isIE&&!!document.documentMode;var isIE7=isIE&&!isIE6&&!isIE8;if (isIE){ if (isIE6){ var style = document.cr 阅读全文

posted @ 2012-09-01 14:05 cbwcwy 阅读(1664) 评论(0) 推荐(0) 编辑

css3 导航效果

摘要： <html><head><style type="text/css">ul{list-style:none;border-left:1px solid grey;padding:10px 0;margin-left:auto;margin-right:auto;width:200px;}li#yuanjiao{width:100px;height:35px;border:1px solid grey;border-left:0px solid grey;margin:6px 0px;border-radius:0px 15px 15px 阅读全文

posted @ 2012-09-01 13:56 cbwcwy 阅读(560) 评论(0) 推荐(0) 编辑