今天要分享的是基于JQuery实现的多标签的切换，JQuery就不用过多介绍了，网上一搜一大堆资料，当然这样的小示例也有很多，这里只是发表一些自己的想法。 下面是本次示例所使用的HTML页面： 代码如下: JQueryProject1 标签1 标签2 标签3 这是内容1 这是内容2 这是内容3 现在的页面还看不出有有标签的效果，所以为了使页面上出现标签效果，给一面添加一个CSS文件： 代码如下: a{ display: block; text-decorat...
核心代码： 代码如下: var arr = new Array(); arr[0] = $(this).parents("tr")[0]; arr[1] = $(this).parents("tr").next()[0]; var dom = $(arr); $(dom).find("td.title a").hide(); $(dom).find("td.title input").show();
一、引言 在web页面中，如果页面较高，为了方便用户快速地返回顶部，都会添加一个返回顶部按钮。 其中淘宝网的是要滚动条的滚动距离大于某一段距离才显示返回顶部按钮；人人网的返回顶部直接在底部的工具条上；新浪微博的返回顶部在滚动高度大于0的时候显示，且返回顶部的效果是平滑动画效果。本文的实现就是类似于新浪微博的这种效果。 二、jQuery下的返回顶部功能 您可以狠狠地点击这里：jQuery下的返回顶部demo 可以看到，如果页...
在CMS中通常都有给标题添加颜色的功能，但一般都比较简单，颜色支持也少，这里我要分享一个自己修改的颜色选择器。界面简洁，功能强大。在我们的日常项目中可以快速的部署。代码如下: $(".colorpicker").colorpicker({ target:#title, success:function(o,color){ $("#color").val(color) }, reset:function(o){ $("#color").val(); } }); 相关文件和演示 ColorPicker选择器含演示程序下载：点击下载 ColorPicker演示：点击查看
你是否遇到了想利用AJAX访问一些公网API，但是你又不想建立自己的代理服务，因为有时我根本就没打算涉及服务端任何代码，但是讨厌的浏览器的同源策略，阻止了我们的ajax调用。 比如我想访问一个天气的restfull api，如果我直接去GET： 代码如下: $.get("http://m.weather.com.cn/data/101010100.html"); 看见这问题相信大家都不会陌生，也会很自然的得到解决方案，但是我这里真的不想touch任何服务端代码，用jsonp吧，但是服务端...
"元素拖拽改变大小"其实和"元素拖拽"一个原理，只是所动态改变的对象不同而已，主要在于 top、left、width、height 的运用，相对实现起来也非常容易。以下附出源码原型，弄明白了原理再扩展其他实际应用，思路就变得简单、清晰得多了 下面是 JavaScript Code 代码如下: /* * jQuery.Resize by wuxinxi007 * Date: 2011-5-14 */ $(function(){ //绑定需要拖拽改变大小的元素对象 bindResize(document.getElementById('test')); })...
代码如下：我写了个方法，用于查询结果，但debug过程中发现结果集有数据，我如何通过变量获取呢？ JScript code 代码如下: function getChildNodeArrayByParentID(categoryCode) { $.ajax( { type: "get", url: "DynamicMenuItemsHandler.ashx", data: { MenuItemCode: categoryCode }, async: false, success: function(data) { return data; } }); } var jsonArray = getChildNodeArrayByParentID(01); var jsonArray = getChi...
功能： 单击单元格选中，选中过程中使用方向键更换选中的单元格，选中过程中按回车键或者直接双击单元格进入可编辑状态，单元格失去焦点时保存修改的内容。 主要实现思路： 选中，移动选中区域等都是依靠jQuery强大的API进行实现的。而可编辑的单元格实际上是在选中单元格时，在单元格上面添加个input输入域，动态的更新数据源代码： HTML代码： 代码如下: Item1 Item2 Item3 arthinking Jason itzhai arthinking Jason ...
获取浏览器窗口的可视区域高度和宽度,滚动条高度有需要的朋友可参考一下。IE中，浏览器显示窗口大小只能以下获取： 代码如下 代码如下:document.body.offsetWidth document.body.offsetHeight在声明了DOCTYPE的浏览器中，可以用以下来获取浏览器显示窗口大小： 代码如下 代码如下:document.documentElement.clientWidth document.documentElement.clientHeightIE，FF，Safari皆支持该方法，opera虽支持该属性，但是返回的是页面尺...
代码如下: var tree = new Ext.tree.TreePanel({ region:west, title:站点树：, width:200, minSize:150, maxSize:200, iconCls:ux-auth-menu-header-icon, split:true, autoScroll:true, autoHeight:false, collapsible:true, rootVisable:false, //不显示根节点 root:new Ext.tree.TreeNode({ id:root, text:分所, draggable:false, expanded:true }), loader:new Ext.tree.TreeLoader({ dataUrl:treeUtil.html?content.method=g...
代码如下: jquery限制输入字数,并提示剩余字数 function words_deal() { var curLength=$("#TextArea1").val().length; if(curLength>5) { var num=$("#TextArea1").val().substr(0,5); $("#TextArea1").val(num); alert("超过字数限制，多出的字将被截断！" ); } else { $("#textCount").text(5-$("#TextArea1").val().length); } } 剩余5个字 JavaScript教程/参考手册 JavaScript热搜 Vue利用canvas实现...
首先废话一句，jQuery选择器真心很强大！ 在项目中遇到这么一个问题easyui的问题 如图所示，当前页面显示的是“原始报文查询”的页面，当时左侧导航栏却选中的是“重发报文查询”。如何让右侧的菜单和左侧的导航实现联动即：左侧点击“原始报文查询”，那么右侧的“补发运抵报文”展开，并选中“原始报文查询”，“后台管理”关闭？ 实现方式如下： 1、右侧的“原始报文查询”等用到的是easyui的tabs控件，查看api知道，tabs有个o...
很庆幸，我又见到了末日后新升的太阳，所以我还能在这里写文章，言归正传哈，最近做了一个项目，需要用子域名调用主域名下的一个现有的功能，于是想到了用jsonp来解决，在我们平常的项目中不乏有这种需求的朋友，于是记录下来以便以后查阅同时也希望能帮到大家。什么是JSONP协议? JSONP即JSON with Padding。由于同源策略的限制，XmlHttpRequest只允许请求当前源（域名、协议、端口）的资源。如果要进行跨域请求，我们可以通过使用...
由于目前Google的不稳定，而国内没有好的同类服务，故这已不是最优方案。当然，你把Google库路径换成国内稳定且快速的路径（如果存在），依然可以受用此方法带来的各种好处。即便如此，综合考虑的话，还是Google的最合适。 网站开发的项目中使用Google CDN的jQuery库虽然加载速度很快，但调用本地服务器的库才可以确保万无一失。而使用Wordpress内置jQuery库的话，其末尾防止JS库 冲突而加入的jQuery.noConflict()使得主题中所有jQ...
代码如下:var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); $.getScript(gaJsHost + "google-analytics.com/ga.js",function(){ try { var pageTracker = _gat._getTracker("UA-123456-16"); pageTracker._trackPageview(); } catch(err) {} });