jQuery - 随笔分类 - zjwei55

jQuery之弹出对话框

摘要：1 CSS<style type="text/css"> #ModalDialogContainer { width: 600px; margin: 50px auto; z-index: 999; position: absolute; border: 1px solid #ccc; border-right: 3px solid #e0e0e0; border-bottom: 3px solid #e0e0e0... 阅读全文

posted @ 2011-08-25 23:13 zjwei55 阅读(233) 评论(0) 推荐(0)

jQuery之六：下拉框学习

摘要：1 内容Html代码<div class="centent"> <select multiple="multiple" id="select1" style="width:100px;height:160px;"> <option value="1">选项1</option> <option value="2">选项2</option> <option value="3"> 阅读全文

posted @ 2011-08-24 23:04 zjwei55 阅读(155) 评论(0) 推荐(0)

jQuery之五：CheckBox控制

摘要：1 内容Html<form method="post" action=""> 你爱好的运动是？ <br/> <input type="checkbox" name="items" value="足球"/>足球 <input type="checkbox" name="items" value="篮球"/>篮球 <input type="checkbox" name 阅读全文

posted @ 2011-08-24 23:00 zjwei55 阅读(1217) 评论(0) 推荐(0)

jQuery之四：Table过滤

摘要：1 内容Html<body><div><br/>筛选：<input id="filterName" /><br/></div><table> <thead> <tr><th>姓名</th><th>性别</th><th>暂住地</th></tr> </thead> <tbody> <tr><td>张山</td><td> 阅读全文

posted @ 2011-08-24 22:49 zjwei55 阅读(908) 评论(1) 推荐(0)

jQuery之三：Tab控制

摘要：1 html代码<div class="tab"> <div class="tab_menu"> <ul> <li class="selected">时事</li> <li>体育</li> <li>娱乐</li> </ul> </div> <div class="tab_box"> <div>时事</div> <div class=" 阅读全文

posted @ 2011-08-24 22:42 zjwei55 阅读(406) 评论(0) 推荐(0)

jQuery 之二：Ajax加载Json数据

摘要：直接上代码1 json数据[ { "username": "张三", "content": "沙发." }, { "username": "李四", "content": "板凳." }, { "username": "王五", "content": "地板." }]2 css<style>* { margin:0; padding:0;}bod 阅读全文

posted @ 2011-08-24 22:30 zjwei55 阅读(310) 评论(0) 推荐(0)

jQuery 之一：对象插件

摘要：插件分为对象插件和类插件下面介绍对象插件Html代码：<table id="table2"> <thead><tr><th> </th><th>姓名</th><th>性别</th><th>暂住地</th></tr></thead> <tbody> <tr> <td><input type="checkbox" name="choice" v 阅读全文

posted @ 2011-08-24 22:25 zjwei55 阅读(291) 评论(0) 推荐(0)

导航

随笔分类 - jQuery