废话不多说了，直接给大家贴代码了，具体代码如下所示：var str = ''; if(page=="") page=1; var stop=true;//触发开关，防止多次调用事件 $(window).scroll( function(event){ //当内容滚动到底部时加载新的内容 100当距离最底部100个像素时开始加载. if ($(this).scrollTop() + $(window).height() + 10 >= $(document).height() && $(this).scrollTop() > 10) { //if(stop==true){ //stop=false; //var canshu="page/"+pag...
本文实例讲述了jQuery实现HTML表格单元格合并的方法。分享给大家供大家参考，具体如下： 运行效果截图如下： 合并前：合并后：具体代码如下：/** * desc : 合并指定表格（表格id为table_id）指定列（列数为table_colnum）的相同文本的相邻单元格 * @table_id 表格id : 为需要进行合并单元格的表格的id。如在HTMl中指定表格 id="data" ，此参数应为 #data * @table_colnum : 为需要合并单元格的所在列.参考jQuery中nth-child的参数...
本文实例讲述了jQuery使用cookie与json简单实现购物车的方法。分享给大家供大家参考，具体如下： 1、生成一个cookie 用来存储商品的id String类型 2、添加商品id的时候 把cookie转化成数组，并检查是否已经包含了。没有包含用js push重新生成新的数组。 3、把数组转化成String 用cookie存储。 以下是jquery对cookie和JSON的操作方法$.cookie("cart","ids",{expires:-7,path:"/"}) //存储cookie 保存7天 if($.cookie("cart")==unde...
本文实例讲述了jquery.cookie.js实现用户登录保存密码功能的方法。分享给大家供大家参考，具体如下： 需要导入的js有jquery.js和jquery.cookie.js在页面加载时首先尝试获取cookie的值，如果cookie有值，则将获取到的值填入输入框中，并将保存密码的复选框选中jQuery(function(){//获取cookie的值var username = $.cookie('username');var password = $.cookie('password');//将获取的值填充入输入框中$('#uName').val(username);$(...
本文是小编自己写的一个给carousel插件添加新功能，关于Carousel插件的教学视频。参考别的网站，当鼠标放在下排按钮上或者点击之后，Carousel就会跟这个按钮相同下标的li作为第一帧显示。 所有的代码都在这里https://github.com/wwervin72/jQuery-Carousel 那么说干就干，首先我们要做的就是要把这些按钮显示出来。于是我们就需要在Carousel的原型对象prototype上添加一个方法，用于生成切换幻灯片的按钮。switchSlideBtn : functi...
本文实例分享了原生JS版和jQuery 版实现文件上传功能的例子，供大家参考，具体内容如下HTML5 Ajax Uploader/*原生JS版*/ document.getElementById("upJS").onclick = function() {/* FormData 是表单数据类 */var fd = new FormData();var ajax = new XMLHttpRequest();fd.append("upload", 1);/* 把文件添加到表单里 */fd.append("upfile", document.getElementById("upfile").files[0]);ajax.open("post", "test.php", true);aja...
对话框（dialog），是jQuery UI 非常重要的一个功能。它彻底的代替了JavaScript 的alert()、prompt()等方法，也避免了新窗口或页面的繁杂冗余。 一．开启多个dialog只要设置不同的id 即可实现。$('#x').dialog(); $('#y').dialog(); 二．修改dialog 样式在弹出的dialog 对话框中，在火狐浏览器中打开Firebug 或者右击->查看 元素。可以看看dialog 的样式，对dialog 的标题背景进行修改。//无须修改ui 里的CSS，直接用style.css 替...
就想了想 jquery是怎么实现的呢，无奈，哥能力差，还不到研究jquery源码的时候。那好吧，自己做个很简陋的版本，呵呵！好像还行，等哥的能力上去了再来优化下 三栏布局 #main1{ margin:20px auto; width:200px; background-color:#6c9; overflow:hidden; } var Animate = { obj : null, itime : 0, flag : 1, maxHeight : 0, _$ : function(id){ return "string" == typeof(id) ? document.getElementById(id) : id; }...
一.创建一个自己的dropdownlist 说到dropdown list,在html中你会想到 代码如下: hello 1 但是它的显示会不大好看，我们可以使用div+ul来自己做一个drop down list，而且有很苦的slidedown和slideup功能。 在IE8下的效果对比：首先说说思路，很简单的思路， a. 需要用一个Div来代替drop down list中选中记录显示的那个容器，通过offset来得到这个Div应该显示的位置,offtset.top和offset.left。 b. 通过一个UL以及它的孩子们li来...
已知BUG: Ubuntu系统下, onkeyup事件失效,详见: Ubuntu系统下onkeyup/onkeydown对中文输入失效bug. 查看演示: 点此查看DEMO 核心代码: 代码如下: //原生JavaScript版本 window.onload=function(){ var js=document.getElementById(js);//获取文本域 var info=document.getElementsByTagName(p)[0];//获取要插入提示信息的元素 var submit=info.getElementsByTagName(input)[0];//获取提交按钮 var max=js.getAttribute(maxlength)...
EasyLoader是可以动态加载脚本和CSS文件，也可以动态加载EasyUI已有组件 需要引用EasyLoader.js文件，注意：这里就不需要引用jquery.easyui.min.js文件了。 比如需要加载linkbutton组件，则可以用下面的两种方式来加载： 第一种通过设置class来实现: 加载日历 只要class设置了easyui-组件名，easyloader就会自动动态加载相应的组件 第二种通过脚本来实现: using('calendar', function () { alert("加载成功！") }); ...
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代码...
这样TinyMCE 就可以正常显示图片了。其实该功能属于普通HTML富文本控件基本功能了。现有需求将TinyMCE 扩展成可直接上传本地图片而后在文本区域显示图片。 实现思路： 使用Ajax 进行图片上传，此上传方式可以更友好的实现TinyMCE 的图片上传扩展， 具体方法可以参考我的上一篇 Jquery ajaxsubmit 上传图片。将Ajax上传图片集成到 TinyMCE 中， 主要是修改TinyMCE 目录下的 tinymce\jscripts\tiny_mce\plugins 的 advimage 插件。 了...
代码如下: $(document).ready(function(){ $("#Click").click(function(){ $.getJSON("ajaxuser.jspx",{},function(json){ //alert(json); $("#clickTab").children().each(function(){ $(this).remove(); }); $(json).each(function(){ var id=this.uid; var name=this.uname; var pwd=this.upwd; //alert(name); var htmlStr=''+id+''+''+name+''+''+pwd+''; $("#clickTab").append(htmlStr); }); }); }); $("#clickTab").aj...
需要使用的 jquery.history.js插件 在巨人的肩膀之上，以下前进后退工作基于插件完成！ 做了几个兼职，上天帮人完成页面的时候顺便做了一个ajax的请求。发现浏览器的刷新，后退，前进按钮失效。于是乎google了一下。发现了一些解决方法。其中一个jquery.hashchange.js的插件有的时候会失效，有的时候会造成页面多次请求。 换另外一个插件测试下，完美达到我的要求。 总的思路，在url上加上参数，一切工作基于这个参数完成。 代码如...