jQuery实现DIV边框效果(插件jquery.corner.js)
来源:互联网 发布:淘宝网快捷登录 编辑:程序博客网 时间:2024/05/14 09:37
我写的是asp的代码
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="ShiXiWang.WebForm1" %>
<!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 runat="server">
<title>无标题页</title>
<script src="js/jquery-latest.js" type="text/javascript"></script>
<script src="js/jquery.corner.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
function DivCorner0() { $('#Div0').corner(); }
function DivCorner1() { $('#Div1').corner('bevel'); }
function DivCorner2() { $('#Div2').corner('notch'); }
function DivCorner3() { $('#Div3').corner('dog tr'); }
function DivCorner4() { $('#Div4').corner('bite'); }
</script>
<style>
.roundedd
{
background-color:pink;
border:1px solid red;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div id="Div0" style="width:200px; height:150px; float:left;" class="roundedd">
<input type="button" value="效果" onclick="DivCorner0()" /><br />corner();
</div>
<div id="Div1" style="width:200px; height:150px; float:left;" class="roundedd">
<input type="button" value="效果" onclick="DivCorner1()" /><br />corner('bevel');
</div>
<div id="Div2" style="width:200px; height:150px; float:left;" class="roundedd">
<input type="button" value="效果" onclick="DivCorner2()" /><br />corner('notch');
</div>
<div id="Div3" style="width:200px; height:150px; float:left;" class="roundedd">
<input type="button" value="效果" onclick="DivCorner3()" /><br />corner('dog tr');
</div>
<div id="Div4" style="width:200px; height:150px; float:left;" class="roundedd">
<input type="button" value="效果" onclick="DivCorner4()" /><br />corner('bite');
</div>
</form>
</body>
</html>
效果:
- jQuery实现DIV边框效果(插件jquery.corner.js)
- jQuery DIV圆角插件之jquery.corner.js jQuery插件怎么用?
- jQuery 圆角插件jquery.corner.js demo页面
- jquery.js+jquery.corner.js实现tooltip提示框
- jQuery固定浮动DIV效果插件 - stickyMojo.js
- JQuery实现DIV拖动效果
- jquery 实现 div 拖动效果
- 第34款插件:第28款插件:jquery.corner.js圆角插件
- jQuery-实现图片投影效果的js插件
- 利用jquery-fform.js插件实现图片所见即所得效果
- jquery插件--实现手风琴效果
- jquery插件实现手风琴效果
- jquery插件实现手风琴效果!
- jQuery插件实现css3效果
- jquery插件实现手风琴效果!
- 采用Jquery无刷新分页插件jquery.pagination.js 实现无刷新分页效果
- 使用Jquery分页插件jquery.pagination.js 实现无刷新分页效果
- 采用Jquery无刷新分页插件jquery.pagination.js 实现无刷新分页效果
- 劳尔,皇马永远的7号
- hadoop 的 Metrics机制
- MySQL操作及数据库导入导出
- 控件包含代码块(即 ),因此无法修改控件集合解决方法!
- QMainWindow(三)QMessageBox, QFileDialog
- jQuery实现DIV边框效果(插件jquery.corner.js)
- 使用JS获取GridView内部的值
- 他 他
- Sql中的Convert转换
- USB接口芯片的选型参考
- 屏蔽复制
- 实时搜索引擎Zoie
- 工作2年,记录
- 很多人都有上班逛csdn的习惯吗。