
jQuery
wangjingjing1014
王静静
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
jQuery选择器
---------基本选择器-------------- .imgclass { width:200px; height:200px; } .imgclass1 { width:210px; height:210px;原创 2013-04-22 07:55:13 · 675 阅读 · 0 评论 -
自定义动画之一列中某一图片在表格中依次移动到不同列
.imgclass { border: solid 1px red; position:relative; } .style3 { height: 47px; } .st原创 2013-05-06 15:16:56 · 682 阅读 · 0 评论 -
JQuery插件之validate内置验证
validate内置验证规则required:true 必输字段remote:"check.php" 使用ajax方法调用check.php验证输入值email:true 必须输入正确格式的电子邮件url:true 必须输入正确格式的网址date:true 必须输入正确格式的日期dateISO:true 必须输入正确格式的日期(ISO),例如:2009-06-23,1998原创 2013-05-07 19:55:27 · 880 阅读 · 0 评论 -
Jquery插件之仿百度感应搜索
#txtKey{ width:300px;} $(function () { var array = ['asp.net', 'asp.net mvc', 'wcf', 'wpf', 'win8', 'windows phone', '张东', '张熙', '张亚飞'];原创 2013-05-07 20:05:09 · 1176 阅读 · 0 评论 -
jquery插件之点击图片可以显示大图
----------前台界面 #mydiv ul{ list-style-type:none;} #mydiv ul li{ display:inline;} #mydiv{ width:500px; border:solid 1px #444; backgrou原创 2013-05-08 20:10:29 · 1647 阅读 · 2 评论 -
jquery插件之放大镜效果
class='cloud-zoom-gallery' title='Thumbnail 2' rel="useZoom: 'zoom1', smallImage: ' zoom/small2.jpg'"> class='cloud-zoom-gallery' title='Thumbnail 3' rel="useZo原创 2013-05-08 20:13:16 · 839 阅读 · 0 评论 -
jquery插件之拖拽删除图片
#mydiv{ width:900px; background-color:#444; border:1px solid red} #mydiv2{ width:900px;; border:1px solid red} img{ width:200px; height:200px;} ul{ list-style-type:none;}原创 2013-05-09 21:08:15 · 967 阅读 · 0 评论 -
qq相册
* {line-height: 150%}.image {text-align: center; line-height: 590px; margin: 30px auto 0px; width: 850px; height: 620px}.image img { overflow:hidden}img {border:0px}#photo_content {text-align:原创 2013-05-10 08:06:11 · 1087 阅读 · 0 评论 -
jquery属性过滤选择器
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> $(function () { $('#Button1').click(function () {原创 2013-06-18 16:32:54 · 1005 阅读 · 4 评论 -
Jquery事件的连接
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> jQuery事件的连接 .divFrame{ width:260px; border:1px solid #666; font-size:10px } .divTitle{原创 2013-06-18 15:12:36 · 920 阅读 · 0 评论 -
JQUERY EASYUI DATAGRID设置可编辑行的某个列不可编辑
最近在使用Jquery easy ui框架做项目,其中遇到了双击列表设置某一列不可编辑的情况,具体详细代码如下function OnClickRowListItemSelected(index){if (endEditing()){$('#list_item_selected').datagrid('selectRow', index).datagrid('beginEdit',原创 2016-11-29 11:14:13 · 13341 阅读 · 2 评论 -
jquery easy ui中根据第一个下拉框框选中的值,设置第二个下拉框是否可以编辑
例如“报告交付方式”包含固定交付时,第二个下拉框不可编辑,反之可以编辑,具体代码如下报告交付方式: , onSelect:function(){ var varSelect = $('#WKBgjffs').combobox('getText'); if(varSelect=='固定交付 网原创 2016-11-29 11:32:08 · 4139 阅读 · 0 评论 -
ajax传递多个参数
$(function () { $('#Button1').click(function () { var username = $('#txtUserName').val(); var pwd = $('#txtPwd').val(); $.ajax({原创 2013-05-20 19:24:57 · 11329 阅读 · 0 评论 -
利用jQuery实现全选、反选、删除和添加
img { width:50px; height:50px; } table { width:600px; height:400px; } table tr td{ border:solid 1px #eee;}原创 2013-05-06 15:19:16 · 999 阅读 · 0 评论 -
使用jQuery实现的网页版的个人简历
body{ font-size:13px;} #divFrame{ border:1px solid #666; height:1450px; width:750px; margin:auto;} #divFrame .divHead{ background-color:#eee; padding-top:30px; padding-left:125px; heig原创 2013-04-18 20:23:57 · 3835 阅读 · 6 评论 -
jQuery中的事件与应用(一)
目录:一、事件机制二、页面载入事件2.1、ready()方法的工作原理2.2、ready()方法的几种相同写法三、绑定事件四、切换事件4.1、hover()方法4.2、toggle()方法五、移除事件六、其他事件6.1、方法one()6.2、方法trigger()七、表单转载 2013-04-23 17:04:17 · 1462 阅读 · 0 评论 -
jQuery实现邮箱验证
要求:1.页面有两个文本框,一个邮箱,一个电话,对邮箱进行验证2.邮箱文本框获取焦点前,显示“输入邮箱”3.邮箱文本框获取焦点后,内容清空4.若邮箱输入为空,焦点转移到电话文本框或其他地方之后,提示“邮箱不能为空”,同时焦点自动回到邮箱文本框。5.若不为空,验证邮箱格式是否正确,若不正确,提示“格式不正确,请重新输入”,同时焦点自动回到邮箱文本框。原创 2013-04-23 20:19:18 · 1969 阅读 · 0 评论 -
用jQuery实现图片的前进与后退
#mydiv{ position:absolute; width:500px; height:400px; top:50%; left:50%; margin-top:-200px; margin-left:-290px; } img{ width:480px; height:380px;} $(functio原创 2013-04-23 20:22:12 · 830 阅读 · 0 评论 -
jQuery实现博客园首页导航
网站分类 .NET技术(0) 编程语言(0) 软件设计(1)原创 2013-04-23 16:41:45 · 940 阅读 · 0 评论 -
仿京东导航
body{font-size:12px} ul,li{list-style-type:none;padding:0px} .menu{width:190px;border:solid 1px #E5D1A1;background-color:#FFFDD2} .optn{width:190px;line-height:28px;border-top:dashed 1px原创 2013-04-23 16:43:28 · 1123 阅读 · 1 评论 -
jQuery实现图片的展开和收缩
#img1 { width: 500px; height: 400px; border: solid 1px #ccc; display:none; } $(document).ready(function原创 2013-04-16 13:54:05 · 1103 阅读 · 0 评论 -
jQuery实现输入详细信息
.divFrame{ width:260px; border:1px solid #666; font-size:10px } .divTitle{ background-color:#eee; padding:5px} .divContent{ padding:5px; display:none} .divTip{ width:244px; border:2px s原创 2013-04-16 14:01:27 · 975 阅读 · 1 评论 -
JQuery制作的导航条
body{ font-size:13px;} #divFrame{ border:1px solid #666; width:300px; overflow:hidden} #divFrame .divHead{ background-color:#eee; padding:8px; height:18px; cursor:hand;} #divFrame .divH原创 2013-04-17 19:27:46 · 883 阅读 · 0 评论 -
使用JQuery实现隔行变色的效果
$(function () { $('tr:even').css('background-color', '#eee'); //获取img集合中所有下表为偶数的元素 $('tr:odd').css('background-color', 'yellow'); // $('#tbStu tr:nth原创 2013-04-17 19:41:01 · 1303 阅读 · 0 评论 -
使用jQuery同时控制四张图片的伸缩
.imgclass { height:200px; width:200px; } .imgclass1 { width:210px; height:210px; } table tr td {原创 2013-04-17 20:07:05 · 822 阅读 · 0 评论 -
jQuery使用一个按钮控制图片的伸缩
#img1 { width: 500px; height: 400px; border: solid 1px #ccc; display:none; } var count = 0; $(functi原创 2013-04-17 19:55:51 · 837 阅读 · 0 评论 -
ITextSharp 导出pdf
前台页面:合同编号: 单位名称: 健康顾问: 体检日期: —   收款日期: —   查询 导出到PDF应收金额(所有工单之和): 元 已收金额原创 2017-01-06 16:04:58 · 904 阅读 · 0 评论