随笔分类 -  常用代码

CSS小技巧 用CSS写出一个三角形小图标
摘要：<!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 @ 2012-09-27 11:31 hm21 阅读(2827) 评论(0) 推荐(0)
表格隔行隔列变色
摘要：效果演示：http://csldata.sports.sohu.com/jfb.html插件地址：http://cssglobe.com/lab/tablecloth/ 阅读全文
posted @ 2012-09-21 11:02 hm21 阅读(193) 评论(0) 推荐(0)
纯代码实现CSS圆角
摘要：我这里说的是纯代码，是指的不使用图片实现圆角，图片实现圆角，这里就不说了。纯代码实现圆角主要有3种方法：第一种：CSS3圆角copytext#chaomao{ border-radius:2px 2px 2px 2px;}上面代码的意思是左上、右上、右下、右下分别2px的圆角当然也可以简写：border-radius:2px方向是从左上到左下逆时针也可以分别指定copytext#chaomao{ border-top-left-radius:4px 2px; border-top-right-radius:3px 4px; border-bottom-right-rad... 阅读全文
posted @ 2012-09-21 10:52 hm21 阅读(16090) 评论(1) 推荐(0)
css清除浮动方法
摘要：.clear{clear:both;height:0;overflow:hidden;}.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden}.clearfix{*+height:1%;}.clearfix{overflow:auto;_height:1%}.clearfix{overflow:hidden;_zoom:1;} 阅读全文
posted @ 2012-09-21 10:48 hm21 阅读(180) 评论(0) 推荐(0)
JS节日倒计时效果
摘要：<script type="text/javascript">var urodz= new Date("August 9,2018"); var s = "2008北京奥运会"; var now = new Date(); var ile = urodz.getTime() - now.getTime(); var dni = Math.floor(ile / (1000 * 60 * 60 * 24)); if (dni > 1) document.write("今天离"+s+"还有& 阅读全文
posted @ 2012-09-20 16:13 hm21 阅读(490) 评论(0) 推荐(0)
图片自动按比例缩小代码
摘要：Xhtml<div id=article><img height="800" alt="" width="1280" src="/down/js/images/12498880470.jpg" /></div>Js<script type="text/javascript" >//缩放图片到合适大小function ResizeImages(){ var myimg,oldwidth,oldheight; var maxwidth=550; var 阅读全文
posted @ 2012-09-20 16:07 hm21 阅读(261) 评论(0) 推荐(0)