摘要: css3的到来,让css技术进一步提高了,以前在css2不能实现的功能,现在都可以实现了,例如:圆角,文字阴影,透明度,渐变,转换,过渡,动画等等。这些功能使用起来很方便。今天我想介绍一下转换的用法:transform主要包括以下属性值:rotate(旋转度数)scale(缩放)skew(斜切扭曲)translate(对象平移)利用上述属性值,可以实现一些很酷的效果,比如正方体,下面是我做的一个效果,三个大小不等的正方体代码如下:1<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:// 阅读全文
posted @ 2012-04-26 17:54 高玉宝 阅读(1180) 评论(1) 推荐(1) 编辑
摘要: 代码如下:1<!DOCTYPEHTML>2<html>3<head>4<metahttp-equiv="Content-Type"content="text/html;charset=utf-8">5<title>图片自动滚动</title>6<scripttype="text/javascript"src="http://common.cnblogs.com/script/jquery.js"></script>7&l 阅读全文
posted @ 2012-04-06 14:45 高玉宝 阅读(959) 评论(0) 推荐(0) 编辑
摘要: 以前做popup效果,要对每一个写一个函数,这样如果多了,函数也就太多了,感觉太麻烦了。所以自己用jQuery写了一个通用的函数,用起来很方便,也很简单代码如下:1<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">2<htmlxmlns="http://www.w3.org/1999/xhtml">3<head>4<m 阅读全文
posted @ 2012-03-20 09:24 高玉宝 阅读(670) 评论(0) 推荐(1) 编辑
摘要: 用ID的方法控制一下tab切换,感觉效果很好,代码也很简单。上次的有点问题,今天改进了一下,用插件的形式写的。代码如下:<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Conte 阅读全文
posted @ 2012-03-16 14:22 高玉宝 阅读(1369) 评论(2) 推荐(1) 编辑
摘要: 图片的hover效果可以用css来实现也可以用js来实现。典型的就是smartRollover.js。用js实现的好处是:如果一个网站中图片的hover效果比较多,可能每一个都要有css控制,那样代码有的冗余。但是有了js控制,不管有多少图片,hover效果都可以用同样的js,但是必须保证图片的out/off效果和over/on效果命名有规律性,比如:navi01_out.jpg/navi01_off.jpgnavi01_over.jpg/nvai02_on.jpg这样js控制起来非常方便。找到匹配的名称,hover时替换成另一个名称。今天我想用jQuery控制一下效果:代码如下:1<s 阅读全文
posted @ 2012-03-16 09:34 高玉宝 阅读(3822) 评论(5) 推荐(3) 编辑