效果图:
点击查看效果:http://www.miiceic.org.cn/ios/
<!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=gb2312" />
<title>iPhone与iPad开发实战</title>
</head>
<script type="text/javascript" src="http://www.miiceic.org.cn/templets/new/images/curvycorners.js"></script>
<style>
.roundedCorners{width: 101px;height:101px;background-color: #e9e9e9;border:1px solid #ccc;-webkit-border-radius: 6px;-moz-border-radius: 6px;float:left;}
.jpkctsaleftimg{ text-align:center; padding-top:20px;}
.jpkctsalefttxt{ text-align:center; padding-top:5px; font-size:14px; font-weight:bold;}
</style>
<body>
<script type="text/JavaScript">
addEvent(window, 'load', initCorners);
function initCorners() {
var setting = {
tl: { radius: 6 },
tr: { radius: 6 },
bl: { radius: 6 },
br: { radius: 6 },
antiAlias: true
}
curvyCorners(setting, ".roundedCorners");
}
</script>
<div class="roundedCorners"><div class="jpkctsaleftimg"><img src="http://www.miiceic.org.cn/templets/new/images/jpjc.png" width="48" height="48" /></div>
<div class="jpkctsalefttxt">基础</div></div>
</body>
</html>
点击查看效果:http://www.miiceic.org.cn/ios/
- 大小: 2.8 KB
分享到:
相关推荐
JavaScript 导入 excel文件(兼容IE11) 示例 打包下载
JavaScript 瀑布流 吸顶 兼容IE FF Chrome
javascript实现右键菜单,兼容IE,火狐
javascript日历控件 兼容ie firefox opera,很容易放入自己得网页中。简单易用
waterfall 原生 JavaScript 实现的瀑布流效果,兼容到 IE8
javascript+CSS实现的圆角提示框可,可表更改样式。
纯Javascript 实现的日历 ,在IE所有版本浏览器上测试通过,火狐、谷歌、360、QQ等浏览器均兼容,理论上均兼容所有浏览器,无时间测试。 纯源代码,可自行扩展, 暂时没时间去写, 年的选项,有时间补充再
javascript解决IE9兼容.rar。。。。。。。。。。
纯javascript的圆角边框设计,通杀主流的浏览器(FF,IE,Safri,Chrome),比纯CSS实现的圆角来得更简单。
*跨平台性能好,兼容IE,Firfox *可维护性好 *接口简单 *能够表达子菜单 *菜单显示时间不大于1ms/菜单项,响应时间亦如此。 *支持菜单间连线
javascript实现动态增加删除表格行(兼容IE FF).docx
LazyLoad 原生 JavaScript 实现的懒加载库,兼容到 IE8
整合了IE和FireFox下的旋转图片的方法。(非原创 忘了作者了 表骂我啊)
ie6 ie7 ff浏览器兼容 border:2px solid #00f; /*IE、ff的属性*/ border:2px solid #090\9; /* IE6/7/8的属性 */ border:2px solid #F90\0; /* IE8支持 */ *border:2px solid #F00; /* IE6、7支持 */ _border:2...
JavaScript实现的适合做娱乐频道的焦点图代码,兼容IE和Firefox.zip
原生javascript自定义滚动条(兼容IE,火狐,chrom)
javascript 实现手机右上角圆角动画导航代码
微信 wechat web 网页版接口的 JavaScript 实现,兼容Node和浏览器,微-wechat4u
JavaScript画线,画图兼容FireFox,IE等浏览器
javascript验证只能输入数字(兼容IE和火狐)