实现DIV圆角的js代码和使用方法
来源:互联网 发布:sql怎么导出数据库 编辑:程序博客网 时间:2024/05/18 20:08
1、在页面中引用js源文件
< script type="text/JavaScript" src="rounded_corners.js"></script >
2、然后创造一个DIV。如果您已有DIV使用圆角,只要给这个DIV一个id就可以.
< DIV id="myDiv"></DIV >
3、我们需要添加一段JavaScript来预载。在您的网页的顶头部分增加以下代码:
1<script type="text/JavaScript">
2 window.onload = function() //radius表示半径,数值越大,圆角就越大,各角可以不同大小.
3 { //tl=左上角 tr=右上角 bl=左下角 br=右下角
4 settings = {
5 tl: { radius: 20 },
6 tr: { radius: 20 },
7 bl: { radius: 20 },
8 br: { radius: 20 },
9 antiAlias: true,
10 autoPad: false
11 }
12
13 var divObj = document.getElementById("myDiv");
14
15 var cornersObj = new curvyCorners(settings, divObj);
16 cornersObj.applyCornersToAll();
17 }
18
19</script>
2 window.onload = function() //radius表示半径,数值越大,圆角就越大,各角可以不同大小.
3 { //tl=左上角 tr=右上角 bl=左下角 br=右下角
4 settings = {
5 tl: { radius: 20 },
6 tr: { radius: 20 },
7 bl: { radius: 20 },
8 br: { radius: 20 },
9 antiAlias: true,
10 autoPad: false
11 }
12
13 var divObj = document.getElementById("myDiv");
14
15 var cornersObj = new curvyCorners(settings, divObj);
16 cornersObj.applyCornersToAll();
17 }
18
19</script>
- 实现DIV圆角的js代码和使用方法
- Js - 可拖动可改变大小div的实现代码
- 用JS实现div的自动滚动。代码如下:
- div+js的伸缩控制代码(展开和关闭)
- Div圆角边框的实现例子+代码
- js代码,当div中内容高度超出div高度的时候实现定制滚动条!
- JS实现-DIV自动居中代码
- JS实现div不停旋转代码
- CSS3实现DIV圆角完整代码
- CSS3实现DIV圆角完整代码
- CSS3实现DIV圆角完整代码
- js实现对div的隐藏和显示
- 弹出div的js实现
- js实现div的切换
- js实现div的移动
- js实现键盘操作实现div的移动或改变的原理及代码
- 分别用marquee和div+js实现首尾相连循环滚动效果,仅3行代码
- JS弹出居中的DIV的代码
- Hibernate学习37 -- Hibernate查询语言(HQL)11 -- DML风格的操作
- 做最好的自己
- 客户端回调
- ckeditor中文文档,开发者文档 __安装 CKEditor
- CStatic链接到网址
- 实现DIV圆角的js代码和使用方法
- c#@符号
- 操作注册表
- 字符编码笔记:ASCII,Unicode和UTF-8
- 整合CKEditor到你的页面
- usaco Chapter 3 section 3.2 Sweet Butter
- VS2005使用 Unicode 字符集!
- 让swfobject.js 支持透明的flash
- ckeditor配置设置