实例效果图如下 使用说明 需要使用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;...
如何实现一个js版的repeater? Asp.net WebForm的repeater控件挺好用，我想用js实现一个在Ajax应用中也该还不错！半年前做了一个jQuery.Repeater插件，并用在了一个项目中，如今拿来晒晒！ 原理 项模板为HTML代码，插件接收json数据源，读取模板并创新每一项。 模板HTML 代码如下: {列名} json数据源格式 自个捣鼓的东西格式就自个做主啦:-D . 如下： {tablename:"表名",rows:[{"列1":"值1"},{"列2":"值2"}.....{"列n":"值n"}]}...
今天试过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]]]]); //创建一个数组并赋值 要说...
从父页面中选择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中操作 选...
第一种方法:预览: Html代码 代码如下: 浮动窗口 $(document).ready(function(){ var b = $("#b"); var overFlow = $("#over"); b.click(function(){ overFlow.fadeIn(); $("#mask").css("background","#111"); $("#mask").css("opacity","0.8"); }) $("#close").click(function(){ overFlow.fadeOut(); $("#mask").css("background","#fff"); $("#mask").css("opacity","1"); }); drag($("#over"),$("#title")); }) ; 这...
html代码： 代码如下: <table id="repTable"……> …… <span id="" class="address"> jquery代码： 代码如下: $(document).ready(function(){ $("#repTable span.address").each(function(){ var spanTemp = $(this); $.ajax({ type: "get", url: "SceneryAjaxCall.aspx", data: "sid="+$(this).attr("id"), cache: true, dataType: "html", success: function(msg){ spanTemp.append(msg); } }); }); }); 其中在写jquery代码...
代码如下: Jquery动态控件 $(function() { var i = 2; $('#addText').click(function() { if (i $('#main').append(' del'); i++; } else { alert("最多只能添加8个"); } }); $('.del-text').live('click',function(){ $(this).parent().remove(); i--; }); }); 添加文本框 先把前台的整理出来，项目临时有需求，先去忙了,稍后发后台取值的方法...JavaScript教程/...
首先贴上Jquery的ajax： 代码如下: $.ajax({ url: ws_Ajax.asmx/BindDictByUpper, type: POST, contentType: application/json;charset=utf-8, dataType: json, data: { PpareId:" + varlue + "}, success: function (data) { var dataObj = eval("(" + data + ")"); // $(#myList).html(); // for (var i = 0; i < msg.d.length; i++) { // $(#myList).append( + msg.d[i] + ); // } alert(dataObj); $.each({ name: "John", lan...
首先是html代码，页面上放2个listbox控件和2个按钮用于移动项目 代码如下: 全部水果： 我挑选的： >>" onclick="move('listall','listmy');" /> 下面是在.cs文件中绑定一些数据 代码如下: public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { BindData(); } } private void BindData() { ArrayList list=DataArray(); for (int i =...
先上图： jquery.treeview 数据通过JSON数据加载，有需要的朋友，可以通jquery的AJAX方法获取相关的JSON数据 json的数据格式：{"id":1,"parentid":0,"title":"标题","children":[{ ...}]} 需要两个jQuery 两件 （jquery.treeview.min.js 树插件 和 jquery.contextmenu.r2.js 右键菜单插件） 在线演示 http://demo.jb51.net/js/jQuery.Treeview/demo.html打包下载 jQuery_Treeview.rar
很简单，看代码，value为session的值 代码如下: function GetSession(value) { var temp; jQuery.ajax({ type: "POST", url: "GetSession.aspx", async: false, //是否ajax同步 data: "s=" + value, success: function(msg) { temp = msg; } }); return temp; } GetSession.aspx页面 代码如下: string sessionName = ""; protected void Page_Load(object sender, EventArgs e) { sessionName = Request.Form["s"].ToString(); ...
而且未建立统一上传函数。于是将代码改造了。心想来个ajax异步上传图片吧，这技术应该很老套了。于是直接打开强大的cnblogs轻松的找到了 这篇文章 直接依葫芦画瓢，将该作者的劳动成果直接“拿来主义了”。很快就把代码全改造了。可是当我把程序发布到服务器上的时问题来了。上传文件失效了！汗～ 都是偷懒造成的恶果。继续打开先前参考的那篇文章。原来作者解释了只能在本地使用而不能发布到服务器上。心想我难道还得用 iframe + ...
在代码里加入以下代码： $(window).load(function(){$("#loading").hide();}) 在里加入以下代码： Loading content, please wait.. 在里的这代码必须保证在网页载入的最前面。 接着是css代码： #loading{position:absolute;width:300px;top:0px;left:50%;margin-left:-150px;text-align:center;padding:7px 0 0 0;font:bold 11px Arial, Helvetica, sans-serif;} 一个基于jquery的loading效果就完成咯。JavaScript教程/参考手册 ...
代码如下: var unlikes = [zhang523012313, yangtongnet]; function delUnlike(filter, expr) { $(filter).filter(function() { var href = $(this).find(expr).attr(href); for (var i = 0; i < unlikes.length; i++) { if (href.indexOf(unlikes[i]) > 0) return true; } return false; }).remove(); } function clearUnlike(n) { setTimeout(function() { delUnlike(.avatar_list li, a); //头像 delUnlike(#feed_list li:visib...
暂时没有对手动输入的做判断, 需要的话, 可自行在keyup及change事件中添加相关判断. 相关说明及调用方法,请参见代码中的注释. 演示及代码:选择标签至文本域效果,可多选/可过滤重复/可限制个数@Mr.Think /*reset css*/ body,input{letter-spacing:1px;font:12px/1.5 tahoma,arial,\5b8b\4f53} div,h2,p,input,select{margin:0;padding:0} input{vertical-align:middle} h1{font-size:1em;font-weight:normal} h1 a{background:...