第一种方法:预览: Html代码 代码如下:<html> <head> <title>浮动窗口</title> <link type="text/css" rel="stylesheet" href="css/overflow.css" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/overflow.js"></script> <script type="text/javascript"> $(document).ready(function(){ var b = $("#b"); var overFlow = $("#over"); b.click(function(){ overFlow.fad...
从父页面中选择iframe中的元素： 代码如下:$(#btnCancel,$(#PopFrame)[0].contentWindow.document) 从iframe页面中选择父页面中的元素： 代码如下:$("#PopContainer",parent.document) 以下内容是别的网友的解决方法：只好用DOM方法与jquery方法结合的方式实现了 1.在父窗口中操作 选中IFRAME中的所有单选钮 $(window.frames["iframe1"].document).find("input[@type=radio]").attr("checked","true"); 2.在IFRAME中操作 选中父...
今天试过json[i].remove(),json.remove(i)之后都不行，看网页的DOM对象中好像JSON数据是以数组的形式出现的，查阅了下相关JS中数组的操作一试果然很爽。 记录下来。 1、数组的创建 代码如下:var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array([size]); //创建一个数组并指定长度，注意不是上限，是长度 var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); //创建一个数组并赋值 要说...
如何实现一个js版的repeater? Asp.net WebForm的repeater控件挺好用，我想用js实现一个在Ajax应用中也该还不错！半年前做了一个jQuery.Repeater插件，并用在了一个项目中，如今拿来晒晒！ 原理 项模板为HTML代码，插件接收json数据源，读取模板并创新每一项。 模板HTML 代码如下:<ul id=repeater1> <li class=itemtempplate>{列名}</li> </ul> json数据源格式 自个捣鼓的东西格式就自个做主啦:-D . 如下： {tablename:"表名",row...
语言: asp.net (其实都一样 只要服务器返回json就可以了); 先介绍下: 这个是一个美女大姐问我要的 写好了DEMO准备发给他 总不能独享 就贴出来了 第二次在cnblogs写博.. - - 那个代码有冗余 各位大虾可以自行修改... (失恋了 没心情弄); 压缩包: 里面有3个自己写的插件 1.一个是jQuery 请求webservices的便捷插件 2.一个防ext的mask()加载效果 3.树控件... 关于: /* 本代码只限交流学习使用,勿用于商业用途 系统难免存在bug 本人不承...
实例效果图如下 使用说明 需要使用jQuery库文件和JQuery Pager库文件(目前版本1.1) 素材准备 分页器CSS样式文件，可复制如下CSS样式，可命名为Pager.css 代码如下:#pager ul.pages { display:block; border:none; text-transform:uppercase; font-size:10px; margin:10px 0 50px; padding:0; } #pager ul.pages li { list-style:none; float:left; border:1px solid #ccc; text-decoration:none; margin:0 5px 0 0; padding:5px; ...
jquery插件的基本格式： 代码如下:(function($){ $.fn.tab = function(options){//$.fn后面的tab是这个插件的函数名称。可以更具自己喜好进行修改 var defaults = { //相关属性设置 } var options = $.extend(defaults, options); this.each(function(){ //实现的功能设置 }); }; })(jQuery); 我这里是做一个tab的插件，我来完善以上代码 代码如下:(function($){ $.fn.tab = function(options){ var defaults = { eventname:"cl...
先上图，最终效果如下 点击“信息确认” 就是弹出一个确认窗口，把已经填报的信息都放到里面看看。 信息放里面很简答，主要是弹出窗口要做得好看点。 所以选择了jQuery+jqmodal实现 实现方法如下1、页面中引用jquery-1.4.2.js和jqModal.js，注意jQuery要在前面，因为jqmodal是以jQuery为基础的。 2、建立jqModal.css，并引用，主要是些美工的东东，注意div.jqmDialog 的 display为 none。高度和宽度要设置好，挡住下面的，好看...
代码如下:(function($){ $.fn.extend({ insertAtCaret: function(myValue){ var $t=$(this)[0]; if (document.selection) { this.focus(); sel = document.selection.createRange(); sel.text = myValue; this.focus(); } else if ($t.selectionStart || $t.selectionStart == 0) { var startPos = $t.selectionStart; var endPos = $t.selectionEnd; var scrollTop = $t.scrollTop; $t.value = $t.value.substring(0, startPos) +...
1. 进入"管理 >> 配置"面板 2. 在"通过CSS定制页面风格"文本框内, 添加: 代码如下:/***********tag cloud css****************/ #tagCloud { text-align:center; overflow:hidden; } #tagCloud a{ padding: 0 5px; line-height:1.5em; display:inline-block; } 3. 在"页脚Html代码"文本框内, 添加: 代码如下:<script> /***********tag cloud script****************/ if($("#taglist").length>0) { var dict = {}; $("#taglist ...
效果图: 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>jQuery EasyUI</title> <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="../themes/icon.css"> <script type="text/javascri...
用firebug查看其生成html，发现其checkobx是假的，只是一个span，来回的变样式而已，汗代码如下:$(".tree-checkbox", tree).unbind(".tree").bind("click.tree", function() { if ($(this).hasClass("tree-checkbox0")) { $(this).removeClass("tree-checkbox0").addClass("tree-checkbox1"); } else { if ($(this).hasClass("tree-checkbox1")) { $(this).removeClass("tree-checkbox1").addClass("tree-checkbox0"); } else { if...
好消息来了，微软开发出了这样的框架，这是对jQuery的一个扩展，从此以后要在浏览器上动态显示服务器端Web Service返回的数据将变得如同用服务器端控件显示数据一样容易。 这个技术就叫jQuery templates and data linking ,这是微软对jQuery做的一个扩展。这种扩展需要jQuery官方的审核，然后才能被包含在jQuery中。据ScottGu的博客上说，此扩展正在等待审核阶段。但是这些功能却是非常强大而且实用，我就先把它转过来了，先睹为快...
Javascript链式调用 function ele(){ this.elements=[]; var element; if(typeof arguments[0]=="string"){ element=arguments[0]; if (element.slice(0, 1) == '#') { element = document.getElementById(element.slice(1)); this.elements.push(element); }else if(element.slice(0,1)=='.'){ element=element.slice(1); var es = document.body.getElementsByTagName('*'); for (var i = 0, j = es.length; i $('.t...
<script type="text/javascript" src="JS/jquery.js"></script> //与Prototype 类似的框架 <script type="text/javascript" src="JS/JCookie.js"></script> //插件 代码如下:/*JCookie.js * / jQuery.cookie = function(name, value, options) { if (typeof value != undefined) { // name and value given, set cookie options = options || {}; if (value === null) { value = ; options.expires = -1; } var expires = ; if (o...