jquery
帅气的龙哥
这个作者很懒,什么都没留下…
展开
-
vmousedown、vmousemove 仿触屏滑动图片切换
//触屏左右滑动事件 通过 vmousedown、vmousemove 模拟滑动 $(".pic-content").live("vmousedown",function(event){ event.preventDefault();//阻止其他事件,手机默认会触发其他事件 movex = 0; var x = event.pageX; // 图片拖动动作 $(".pic-c原创 2015-11-04 18:50:02 · 899 阅读 · 0 评论 -
js函数 获取所有用户输入数据
js函数 获取所有用户输入数据转化为数组 /* 通过函数获取用户提交所以数据,防止后期调整表单,数据提交js出错 这个函数可以将所有用户输入内容转化为js数组,方便进行json转化 */ function get_all_input(){ var arr = new Array(); var checkbox_name =''; var ra原创 2016-04-25 16:20:02 · 4653 阅读 · 0 评论 -
基于 infinitescroll、isotope、imagesLoaded 的瀑布流网站
如题,基于3个jquery插件制作的近乎完美的瀑布流网站首页 实例地址:www.bicycling.net.cn html代码示例<div class="cp-news-isotope"> <div class="isotope items"> <div class="item cp-post col-md-4"> <img src=""><a href="">标题1<原创 2016-04-01 10:41:32 · 1329 阅读 · 0 评论 -
smarty框架中 点击即可编辑标题的 jquery实现代码
smarty框架中 点击即可编辑标题的 jquery实现代码原创 2015-12-03 14:49:44 · 437 阅读 · 0 评论 -
HTML5使用drawImage()方法绘制图像
使用drawImage()方法绘制图像。绘图环境提供了该方法的三个不同版本。 drawImage(image,x,y):在canvas中(x,y)处绘制图片。 drawImage(image,x,y,width,height):在canvas中(x,y)处绘制图片,并将其缩放到指定的宽度和高度。 drawImage(image,sourceX,sourceY,sourceWidt转载 2015-12-03 14:33:17 · 1008 阅读 · 0 评论 -
js+css中的clip进行的简单的缩略图裁剪
对于很多网站来说,都希望缩略图是统一的长宽比例,这样比较方便前台显示。但是如果前台采用瀑布流或者自动排布框架来做的首页,这样就失去了一种美观性。 这时候我们就考虑,如何做到同一张缩略图,模组或者内页中用统一的长宽比显示,而首页用原比例显示 这个其实并不难,大致上有3种解决方式能很简单的完成,基于php GD库的图片重绘、基于 js + H5中 canvas 标签的 图片拷贝 、基原创 2015-12-25 09:51:35 · 1188 阅读 · 0 评论 -
jQuery 下拉框常用用法
$("#mySelect").change(function(){//code...}); //select选中项改变时触发 // 获取select值 var text=$("#mySelect").find("option:selected").text(); //获取Select选中项的Text var value=$("#mySelect").val(); //获取Select转载 2015-10-07 13:27:14 · 316 阅读 · 0 评论 -
js 程序执行与顺序实现详解
1. 函数的声明和调用 JavaScript是一种描述型脚本语言,由浏览器进行动态的解析与执行。函数的定义方式大体有以下两种,浏览器对于不同的方式有不同的解析顺序。 代码如下: //“定义式”函数定义 function Fn1(){ alert("Hello World!"); } //“赋值式”函数定义 var Fn2 = function(){ alert("转载 2015-10-23 18:40:11 · 261 阅读 · 0 评论 -
jQuery中的$(window).load()与$(document).ready()
大多数jQuery实例或教程都告诉我们绑定我们的jQuery代码到$(document).ready事件。虽然$(document).ready 事件在大多数情况下都OK,但是它的解析顺序是在文档准备就绪,但文档中的图片等对象正在下载的时候开始运行的。所以在某些时候使 用$(document).ready事件并不一定能达到我们预期的效果,比如一些视觉效果和动画、拖拽、预读取隐藏图片等…通过使 用$转载 2015-10-29 10:27:44 · 222 阅读 · 0 评论 -
通过时间戳防止scroll 反复触发
//通过ajax 进行 每次数据获取并插入页面的函数 function loadMeinv(page){ $.ajax({ async:false,//设为同步ajax,必须加载完ajax才执行下面的内容 type: "POST", url: "index.php?ctl=photos&act=ajax_m&aid="+GetQueryString("aid"),原创 2015-10-23 18:58:10 · 980 阅读 · 0 评论 -
jquery的ajax同步和异步
之前一直在写JQUERY代码的时候遇到AJAX加载数据都需要考虑代码运行顺序问题。最近的项目用了到AJAX同步。这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出去假死状态,当这个AJAX执行完毕后才会继续运行其他代码页面假死状态解除。 而异步则这个AJAX代码运行中的时候其他代码一样可以运行。 jquery的async:false,这转载 2015-10-23 18:51:10 · 250 阅读 · 0 评论 -
用JS获取地址栏参数的方法(超级简单)
方法一:采用正则表达式获取地址栏参数:( 强烈推荐,既实用又方便!) function GetQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r!=转载 2015-10-22 18:29:32 · 258 阅读 · 0 评论 -
jQuery(function(){ }) 和 (function($) {…})(jQuery) 区别
1. $(document).ready(function(){ // 在这里写你的代码... }); //在DOM加载完成时运行的代码 //可以简写成 jQuery(function(){ }); //或者$(function(){…}); 2.(function($) {…})(jQuery);定义一个匿名函数,并将jquery作为参数执行函数 这实际上转载 2015-10-23 10:56:45 · 202 阅读 · 0 评论 -
JS 循环遍历JSON数据
var data=[{name:"a",age:12},{name:"b",age:11},{name:"c",age:13},{name:"d",age:14}]; for(var o in data){ alert(o); alert(data[o]); alert("text:"+data[o].name+" val转载 2015-10-07 13:32:21 · 343 阅读 · 0 评论 -
jQuery动态添加删除select项
// 添加 function col_add() { var selObj = $("#mySelect"); var value="value"; var text="text"; selObj.append(""+text+""); } // 删除 function col_delete() { var selOpt = $("#mySelect option:selected");转载 2015-10-07 13:25:37 · 279 阅读 · 0 评论 -
Javascript的console.log()用法
console.log() ,基于浏览器开发者模式用于调试js的输出代码 类似 print_r //变量 var i = 'I am a string'; console.log('变量:',i); //数组 var arr = [1,2,3,4,5]; console.log('数组:',arr); //对象 var obj1 = { key1 : 'value1', key转载 2015-10-21 14:44:29 · 399 阅读 · 0 评论 -
js变量及其作用域
js变量作用域可分为:"全局变量"和"局部变量" "全局变量":申明在函数之外的变量 "局部变量":申明在函数体中的变量,并且只能在当前函数体内访问,如:function(){var a = 0;} 注:在申明变量是凡是没有var关键字,而直接赋值的变量均为全局变量 1. function test() { a = 30; var b =转载 2015-10-21 12:06:55 · 245 阅读 · 0 评论 -
user-scalable=no 控制手机版浏览器网页分辨率
user-scalable=no 将控制用户无法进行触屏扩大或缩小网页,对于一些特殊情况会很有用转载 2015-11-04 18:48:38 · 4130 阅读 · 0 评论 -
jquery的on()方法控制还未创建的节点
老版的方法: live()$("#select").live("click", function () { $(this).remove(); });上面的方法已经被官方在1.9以后丢弃,所以我们采用 on()方法来执行$(document).on("click","#select", function () { $(this).remove(); })原创 2016-05-11 14:33:20 · 527 阅读 · 0 评论