NiftyCube——轻松实现圆角边框
发布时间:2013-04-18 编辑:jiaochengji.com
NiftyCube——轻松实现圆角边框
实在是太方便了,只要一句话,就能让目标div变成圆角,就像这样
<script type="text/javascript" src="niftycube.js"></script>
<script type="text/javascript">
window.onload=function(){
Nifty("div#content,div#nav");
}
</script>
这句话的意思就是使id为content和nav的div变成圆角
demo:http://www.healdream.com/upload/html/NiftyCube/nifty2.html
当然这只是其中的一种应用,还有很多高级的应用,这里就不细说了
down:http://www.51files.com/?SDHTE021602MRNFL5BWE
复制代码 代码如下:
<script type="text/javascript" src="niftycube.js"></script>
<script type="text/javascript">
window.onload=function(){
Nifty("div#content,div#nav");
}
</script>
这句话的意思就是使id为content和nav的div变成圆角
demo:http://www.healdream.com/upload/html/NiftyCube/nifty2.html
当然这只是其中的一种应用,还有很多高级的应用,这里就不细说了
down:http://www.51files.com/?SDHTE021602MRNFL5BWE
您可能感兴趣的文章:
NiftyCube——轻松实现圆角边框
IE7,IE8浏览器CSS实现正圆角效果代码
CSS+Jquery实现页面圆角框方法大全
开发人员最常用的HTML5/CSS3代码生成器
IE浏览器中CSS3圆角和阴影方法
div css实现圆角边框:
Illustrator设计简易缤纷字体制作教程
Illustrator绘制线性条纹几何艺术图案教程
Illustrator绘制线性条纹几何艺术图案效果教程
CSS3 border-radius 属性学习实例教程
上一篇:jQuery的一些注意
下一篇:初探jquery——表单应用范例
[关闭]