$(document).ready( function(){});function hiden(){$("#divObj").hide();//hide()函数,实现隐藏,括号里还可以带一个时间参数(毫秒)例如hide(2000)以2000毫秒的速度隐藏,还可以带slow,fast} function slideToggle(){$("#divObj").slideToggle(2000);//窗帘效果的切换,点一下收,点一下开,参数可以无,参数说明同上}function show(){$("#divObj").show();//显示,参数说明同上}function toggle(){$("#divObj").toggle(2000);//显示隐...
该插件组小巧使用方便，以下是一个从前台提交查询条件，从MSSQL返回json数据的一个事例 HTML前端代码 代码如下: include_once("auth.php"); ?> function FindData(){ $('#mytable').datagrid('load',{ PersonCode:$('#PersonCode').val(), KQYM:$('#KQYM').val()} ); } url="loadgriddata_get.php" title="请输入查询条件" rownumbers="true" toolbar="#searchtool" loadMsg="正在查询..."> 工号 姓名 考勤日期 星期...
JQuery真的太强大了，真好看！ Jquery代码如下：代码如下: $(function () { $(".n_zyb_gzright .n_zyb_gzrightlist").hover(function () { $(this).find(".n_zyb_gzrightlistc").attr("style", "display:block").parent().siblings().find(".n_zyb_gzrightlistc").attr("style", "display:none"); })}) Html代码如下：代码如下: ...
代码如下: 获取页面宽度 $.format = function (source, params) { if (arguments.length == 1) return function () { var args = $.makeArray(arguments); args.unshift(source); return $.format.apply(this, args); }; if (arguments.length > 2 && params.constructor != Array) { ...
Panel* {margin: 0;padding: 0; } body {font-size: 13px;line-height: 130%;padding: 60px } #panel {width: 60px;border: 1px solid #0050D0;height: 22px;overflow: hidden; } .head {padding: 5px;background: #96E555;cursor: pointer;width: 300px; } .content {padding: 10px;text-indent: 2em;border-top: 1px solid #0050D0;display: block;width: 280px; }$(function(){$("button:eq(0)").click(function(){$("#panel")....
关于iframe异步加载，我们常用的大都是左边菜单栏右边是内容页面，要求我们不能左边菜单不能刷新的情况下，异步加载右边的内容页面。 话不多说，做了一个实例大致是这样的： 1、首先在你的项目中建立三个文件如：2、在Default页面引入jquery文件并在body中加入也下代码： 代码如下: 局部刷新(框架加载页面) 我是隐藏的，点击局部刷新之后 我就显示，页面加载我不会消失 $(function () { $("#butten").click(function () ...
代码如下: $(document).ready(function () { $("#selEmployee").click(function () { var $table = $("#tbProEmployee tr"); var len = $table.length; var trid = "tbProEmployee" + len; var strDeviceTr = ""; strDeviceTr += ""; strDeviceTr += "" + "姓名" + ""; ...
本示例使用Jquery的ColorBox插件弹出图片组浏览层。效果预览网址：http://www.keleyi.com/keleyi/phtml/colorbox/ 以下是本效果的完整代码，将以下代码保存到html文件，打开即可预览效果。 代码如下: 使用ColorBox弹出图片组浏览层 $(document).ready(function(){ $(".keleyi_com").colorbox({ rel: 'group1', transition: "none", innerWidth: '700px' }); }); 请点击下面链接，即可在弹出层显示图片组。 图片一 图片...
Validation是jQuery的插件，提供的方法可以大大简化验证表单的工作，功能也足够一般的需要了。rules也足够简单，很容易上手，举个简单的例子，用validation来验证注册表单。 首先确定验证的目标是： 1. 必填项不能为空 2. 注册用户名必须为6-12个字符内 3. 合格的email格式 4. 密码必须为6-18个字符 5. 确认密码必须跟密码一致 ok，目标很明确了。正片开始 代码如下: $(function(){ $( "#regForm" ).validate({ rules: { // 注...
代码如下:以下是本人的一些分享，我热爱编程，希望能多交编程的爱好者，如果你也是其中一名，那么请加好友，大家关注一下，下面的文章是自己觉得一些有用的东西，留下来给自己当笔记，当然也希望能帮助到你，首先感谢你的阅读~！ 如果我们在用jQuery作为客户端页面的脚本，时常都会涉及到jQuery对象和Javascript对象的相互转换。因为，DOM对象就是Javascript 固有的一些对象操作。DOM 对象能使用Javascript 固有的方法，但是不能...
代码如下: $(function() { $(".designerspanel").each(function(){ $(this).find(".tabspanel #show:not(:first)").hide(); }); $(".designerspanel li").click(function(){ idname=$(this).parents('.designerspanel').attr('id'); current=$("#"+idname+" li:eq(0)").attr('class'); current=current.replace("black",""); $("#"+idname+" ...
代码如下:/*放大镜*/ .ZoomMain {margin:100px;width:395px;height:460px;float:left;position:relative;} .ZoomMain .zoom {height:393px;width:393px;position:relative;border: 1px solid #dcdddd;} .ZoomMain .zoom .move{position:absolute;left:0; top:0;display:none;width:195px; height:195px;background:#000;opacity:0.2;filter:Alpha(Opacity=20);} .ZoomMain .zoomDetail{display:none;border:1px solid #DCDDDD;widt...
下面和大家分享一下具体的实现过程。 HTML标签结构:代码如下: 菜单一菜单一 菜单二菜单二 菜单三菜单三 菜单四菜单四 CSS样式：li的样式：代码如下:.animation_menu li{ /*块状模式显示，并使其水平平铺显示*/ display:block; float: left;/*宽高是背景图片的*/ width: 111px; height: 50px;/*设置文字垂直水平居中*/ line-height: 5...
代码如下:jQuery自定义选项卡插件body, ul { padding:0; margin:0; }li { list-style:none; }#tabs { zoom:1; }#tab:after { content:""; display:block; clear:both; }#tabs li { float:left; padding:10px; color:#FF8900; background:#FFF; cursor:pointer; }#tabs .active { background:#FF8900; color:#FFF; }#tabContent { background:#FF8900; color:#FFF; padding:10px; clear:both; }#tabContent div { display:none; }#t...
各位兄弟可能碰到定位的问题，特别是在博客或者微博上面也会见到这个效果，于是产品人员在策划的时候就会要人家那种效果，，，而苦逼的我们需要去实现，实现实现。。。。。没办法，谁让我们是攻城师呢，攻吧： 效果图如下，滚动条下拉的时候黑色的块TOP为0；固定显示： 代码如下： 代码如下: jQuery实现页面滚动时层智能浮动定位 *{ margin:0; padding:0;} .top{height:100px; background:#ccc;text-align:center; line-hei...