<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>CustomRender for button 测试</title>
<link href="../../build/css/base.css" rel="stylesheet"/>
<link href="assets/custombutton.css" rel="stylesheet"/>
<style>
h1 {
font-size: 2em;
margin: 10px;
text-align: center;
}
h2 {
font-size: 1.5em;
margin: 10px;
text-align: center;
}
#wrap {
width: 990px;
margin: 0 auto;
}
</style>
</head>
<body>
<div id="wrap">
<h1 id="describe">demo for button 测试</h1>
<div id="button_container">
</div>
<label>禁用:<input type="checkbox" id='dis'/></label>
<h2>从已知元素生成</h2>
<div id="exist">渐进增强</div>
</div>
<script src="../../build/kissy.js"></script>
<script>
KISSY.Config.tag = Math.random();
KISSY.use("node,button", function (S, Node, Button) {
// view
// render to container : button_container
// model and control
// view as a parameter
var b = new Button({
content:"测试",
describedby:"describe",
render:"#button_container",
prefixCls:"goog-"
});
b.render();
b.on("click", function () {
setTimeout(function () {
alert("button click");
}, 0);
});
var dis = Node.one("#dis");
dis.on("click", function () {
if (dis[0].checked) {
b.set("disabled", true);
} else {
b.set("disabled", false);
}
});
if (dis[0].checked) {
b.set("disabled", true);
} else {
b.set("disabled", false);
}
var exist = new Button({
srcNode:"#exist",
prefixCls:"goog-"
});
exist.render();
exist.on("click", function () {
alert("渐进增强 click");
});
});
</script>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
这个demo是以前做的一个项目拷贝下来的,是利用kissy提供的插件做出来的瀑布流布局,因为之前的项目很大,文件很大,我不能把整个项目拷上来吧,so,所以我把主要的东西整理下发上去,这个直接运行是看不到效果的,因为读取数据那部分要你自己去写(到你自己数据库去读)我有注释一些,嗯嗯有些人慎重下载啊
资源推荐
资源详情
资源评论
收起资源包目录
瀑布流布局-kissy-asp.net瀑布流_json数据 (121个子文件)
mylikeList.ashx 120B
Default2.aspx 4KB
web.config 328B
mylikeList.ashx.cs 7KB
Default2.aspx.cs 280B
base.css 9KB
StyleSheet.css 8KB
base-min.css 8KB
custombutton.css 4KB
base.css 4KB
base.css 3KB
base-min.css 3KB
reset.css 2KB
base-min.css 1KB
reset-min.css 887B
grids.css 862B
common.css 471B
grids-min.css 383B
common-min.css 279B
Thumbs.db 14KB
side.gif 2KB
simple.gif 2KB
loading.gif 2KB
invalid_line.gif 815B
BouncingLoader.gif 529B
demo.html 2KB
splitbutton.html 2KB
kissy-aio.js 1.2MB
kissy-nodejs.js 555KB
kissy.js 549KB
kissy-aio-min.js 307KB
dom.js 163KB
jquery-1.4.2.js 161KB
seed.js 140KB
kissy-nodejs-min.js 115KB
kissy-min.js 113KB
htmlparser.js 103KB
switchable.js 88KB
event.js 81KB
chart.js 75KB
jquery-1.4.2.min.js 70KB
jquery-1.4.2.min.js 70KB
uibase.js 67KB
dd.js 65KB
ajax.js 62KB
calendar.js 59KB
sizzle.js 46KB
menu.js 44KB
suggest.js 43KB
autocomplete.js 40KB
anim.js 39KB
validation.js 37KB
component.js 36KB
mvc.js 33KB
tree.js 30KB
dom-min.js 29KB
htmlparser-min.js 29KB
seed-min.js 27KB
chart-min.js 27KB
menubutton.js 24KB
calendar-min.js 23KB
switchable-min.js 23KB
datalazyload.js 21KB
base.js 19KB
imagezoom.js 19KB
overlay.js 19KB
event-min.js 18KB
uibase-min.js 18KB
json.js 16KB
waterfall.js 16KB
node.js 16KB
flash.js 15KB
dd-min.js 15KB
sizzle-min.js 14KB
ajax-min.js 14KB
menu-min.js 14KB
validation-min.js 14KB
base.js 13KB
tree-min.js 11KB
anim-min.js 11KB
autocomplete-min.js 10KB
ua.js 10KB
suggest-min.js 9KB
input-selection.js 9KB
component-min.js 9KB
mvc-min.js 8KB
template.js 8KB
imagezoom-min.js 7KB
button.js 7KB
menubutton-min.js 6KB
overlay-min.js 6KB
resizable.js 5KB
waterfall-min.js 5KB
mylikeList.js 5KB
datalazyload-min.js 4KB
node-min.js 4KB
flash-min.js 4KB
cookie.js 3KB
base-min.js 3KB
json-min.js 3KB
共 121 条
- 1
- 2
jsenke
- 粉丝: 0
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- HTML+CSS+JS网页设计:从入门到精通.zip
- 数据库课程设计:从理论到实践的全面指南.zip
- Python闭包:深入理解与应用场景解析.zip
- Win64OpenSSL-3-3-0.exe
- 课高分程设计-基于C++实现的民航飞行与地图简易管理系统-南京航空航天大学
- 航天器遥测数据故障检测系统python源码+文档说明+数据库(课程设计)
- 北京航空航天大学操作系统课设+ppt+实验报告
- 基于Vue+Echarts实现风力发电机中传感器的数据展示监控可视化系统+源代码+文档说明(高分课程设计)
- 基于单片机的风力发电机转速控制源码
- 基于C++实现的风力发电气动平衡监测系统+源代码+测量数据(高分课程设计)
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
- 1
- 2
- 3
前往页