js+jquery
slowman
^__^人生最重要的并不是努力,而是方向。压力不是有人比你努力,而是比你厉害几倍的人依然比你努力……
展开
-
ajax异步上传输图片
(PS:由于上传文件会给服务器造成负担,这里明河就不将demo上传,请自行在本地服务器测试demo。)有一段时间没发文章了,明河手上项目太紧了,终于快临近发布了,偷闲跟大家分享下ajax异步文件上传原理,前段时间一直在捣鼓异步文件上传,也算颇有心得,以前也写过flash文件上传组件,有兴趣的朋友可以看yijs.File,早期作品,代码比较粗糙,最近又写了二个异步文件上传组件,一个是基于ifra转载 2012-03-02 09:04:20 · 1344 阅读 · 0 评论 -
图片预加载分析
网站开发时经常需要在某个页面需要实现对大量图片的浏览,如果考虑流量的话,大可以像pconline一样每个页面只显示一张图片,让用户每看一张图片就需要重新下载一下整个页面。不过,在web2.0时代,更多人愿意用javascript来实现一个图片浏览器,让用户无需等待过长的时间就能看到其他图片。知道了一张图片的地址,需要把它在一个固定大小的html容器(可以是div等)里边显示出来,最重要的当然是转载 2012-08-23 21:53:15 · 269 阅读 · 0 评论 -
jQuery实现图片延迟加载
在浏览有些网站时,发现图片是在下拉滚动条时才加载,这是一个很不错的用户体验。这一效果是通过JavaScript 编写的 jQuery 插件实现的,它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在转载 2012-09-08 19:46:13 · 368 阅读 · 0 评论 -
jquery仿京东导航,仿淘宝商城左侧分类导航菜单,jquery实现下拉菜单效果
在网站建设中,特别是做商城和产品网站,通常会用到导航弹出菜单,像是jquery写的仿京东导航菜单,一个经典的左侧多级导航菜单,学会了可以任意改变布局。京东菜单已经有不少JS前端爱好者仿写过,今天蚂蚁网络重新与大家分享一款仿京东商城的商品多级分类菜单,精简版代码先看下jquery仿京东导航效果:前端html代码如下: baidu baidu转载 2012-09-08 16:15:50 · 12329 阅读 · 4 评论 -
jQuery 写的仿新浪微博 向下滚动效果
无标题文档$(function(){var scrtime; $("#con").hover(function(){clearInterval(scrtime);},function(){scrtime = setInterval(function(){var $ul = $("#con ul");var liHeight = $ul.find("li:las转载 2012-09-08 18:17:20 · 3658 阅读 · 0 评论 -
图片延迟加载实现 (改良版本)
原理是分段加载图片,主要用于大型网站节省带宽,可是他们提供的东西压缩混淆看不清,还有的要基于什么雅虎的什么库,总之是很麻烦的,JQ的控件倒是够清晰了,只是还是没有达到节省网络带宽的效果,于是我在JQ懒加载控件上进行一些改进,改进以后的最大的特点就是调用方便,项目中不需要什么太多更改,而且JS文件也不大.1.本来这是一个给泡泡网开发控件,需要类似于淘宝的列表页的效果,再往上找了好多的例子,后来就转载 2012-09-08 20:30:08 · 783 阅读 · 0 评论 -
通过javascript在光标处插入文本
Insert Text into TextBox at Cursor Position by Javascript var cursPos; // 窗口全局变量,保存目标 TextBox 的最后一次活动光标位置 function insertText() { var txt1 = document.getElementById("Text1");转载 2012-06-30 13:59:43 · 1173 阅读 · 0 评论 -
jQuery上下滚动效果,jquery无缝滚动,仿新浪微博大厅滚动
新浪微博未登录首页有一个“大家正在说”的模块,动态滚动最新发布的微博。从需求上来说,这个功能需要实时调用最新的微博数据,单就前端开发来说,其需求可以拆分如下:1 内容持续滚动;2 新微博将下面的微博先推下去,然后淡入进来;3 鼠标经过内容暂停滚动;4 容器底部渐变消失在背景色下。上述4个需求之中,需求1-3为js技术实现,需求4为css技术实现,下面逐个需求来讲。需求1和需转载 2012-09-08 16:10:48 · 4114 阅读 · 0 评论 -
图片预加载代码
img ready var imgReady = function (url, callback, error) { var width, height, intervalId, check, div, img = new Image(), body = document.body; img.src = url; // 从缓存中读取 if (img.complete转载 2012-08-23 21:54:26 · 369 阅读 · 0 评论 -
JS获取FckEditor的值 FCK
function createEditor(){ fck=new FCKeditor("fckeditor"); //实例一个编辑器 fck.BasePath="./fckeditor/"; //指定路径 fck.Height="100%"; fck.Width="100%"; $("转载 2013-03-27 15:12:19 · 610 阅读 · 0 评论 -
js动态加载,并调用其中方法
function appendJs(url,callback){ var script = document.createElement("script"); script.type = "text/javascript"; script.charset = "utf-8"; script.src = url; if(script.readyState){ script.onread原创 2013-05-21 14:55:22 · 728 阅读 · 0 评论 -
使用Minify来优化网站性能
Minify 是用PHP5开发的应用,通过遵循一些Yahoo的优化规则来提高网站的性能。它会合并多个CSS或者JavaScript文件,移除一些不必要的空格和注释,进行gzip压缩,并且会设置浏览器的缓存头。Minify 在设计上和Yahoo的 Combo Handler Service非常像,不过Minify可以合并任何你想要合并的JavaScript和CSS文件。特性:合并多个CS原创 2013-05-21 15:54:45 · 688 阅读 · 0 评论 -
页面倒记时然后转换到指定的页面
页面倒记时然后转换到指定的页面 var secs =5; //倒计时的秒数 var URL ; function Load(url){ URL =url; for(var i=secs;i>=0;i--) { window.setTimeout('doUpdate(' + i + ')', (secs-i) * 1000); } }转载 2013-11-11 15:57:24 · 732 阅读 · 0 评论 -
jquery实现"跳到底部","回到顶部"效果
jquery实现"跳到底部","回到顶部"效果(类似锚) jQuery(function(){ $('#top').click(function(){$('html,body').animate({scrollTop: '0px'}, 1000);return false;}); $('#foot').click(function(){$('html,body').animate原创 2013-12-18 16:47:20 · 1211 阅读 · 0 评论 -
js中的preventDefault
preventDefault方法就是可以阻止它的默认行为的发生而发生其他的事情。JS阻止链接跳转function stopDefault(e) { if (e && e.preventDefault) {//如果是FF下执行这个 e.preventDefault(); }else{ window.event.returnVa转载 2014-01-06 13:53:35 · 1311 阅读 · 0 评论 -
(document).height()与$(window).height()
jQuery(window).height()代表了当前可见区域的大小,而jQuery(document).height()则代表了整个文档的高度,可视具体情况使用. 注意当浏览器窗口大小改变时(如最大化或拉大窗口后) jQuery(window).height() 随之改变,但是jQuery(document).height()是不变的。 $(document).scrol转载 2014-01-06 12:06:28 · 454 阅读 · 0 评论 -
JS控制图片显示的大小(图片等比例缩放)
代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->最新javascript自动按比例显示图片,按比例压缩图片显示function AutoResizeImage(maxWidth,maxHeight,objImg){var img转载 2014-03-26 14:25:44 · 436 阅读 · 0 评论 -
php+js倒计时
//php的时间是以秒算。js的时间以毫秒算date_default_timezone_set('PRC');//date_default_timezone_set("Asia/Hong_Kong");//地区//配置每天的活动时间段$starttimestr = "08:00:00";$endtimestr = "22:00:00";$starttime = strtot转载 2012-08-23 21:43:20 · 274 阅读 · 0 评论 -
javascript之HTML(select option)详解
一、基础理解:var e = document.getElementById("selectId");e. options= new Option("文本","值") ;//创建一个option对象,即在标签中创建一个或多个文本//options是个数组,里面可以存放多个文本这样的标签1:options[ ]数组的属性:length属性---------长度属性sele转载 2012-08-23 21:37:15 · 725 阅读 · 0 评论 -
js中substring和substr的用法
js中substring和substr的用法 substring 方法用于提取字符串中介于两个指定下标之间的字符substring(start,end)开始和结束的位置,从零开始的索引参数 描述start 必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。stop 可选。一个非负的整数,比要提取的子串的最后转载 2012-04-06 08:31:07 · 376 阅读 · 0 评论 -
jquery动态添加删除div--事件绑定,对象克隆
我想做一个可以动态添加删除div的功能。中间遇到一个问题,最后在phpchina问答区版主的热心帮助下解答了(答案在最后) 使用到的jquery方法和思想就是:事件的绑定和销毁(unbind),另外还可以使用clone,通过克隆可以很好的解决这个问题 相关描述如下功能:点击增加,自动添加一个iptdiv 点击 iptdiv后的 X 自动删除当前div问题:默转载 2012-06-11 13:37:59 · 414 阅读 · 0 评论 -
JS延迟加载或JS最后加载加快网页打开速度
第一,JS延迟加载代码如下: 程序代码 setTimeout("document.getElementById('my').src='include/php100.php'; ",3000);//延时3秒 第二,JS最后加载在需要插入JS的地方插入以下代码: 程序代码LOADING...当然,那个LOADING…你可以换成转载 2012-06-30 14:02:37 · 417 阅读 · 0 评论 -
JavaScript方法和技巧大全
这篇介绍JavaScript方面的日志,我在是Clang上看到的。作者介绍挺全面的,所以转载过来让感兴趣的朋友看一下。呵呵~~~有些时候你精通一门语言,但是会发现你其实整天在和其它语言打交道,也许你以为这些微不足道,不至于影响你的开发进度,但恰恰是这些你不重视的东西会浪费你很多时间,我一直以为我早在几年前就已经精通JavaScript了,直到目前,我才越来越觉得JavaScript远比我想象的转载 2012-06-30 14:07:52 · 313 阅读 · 0 评论 -
网易前端JavaScript编码规范
在多年开发邮箱webmail过程中,网易邮箱前端团队积累了不少心得体会,我们开发了很多基础js库,实现了大量前端效果组件,开发了成熟的opoa框架以及api组件,在此向大家做一些分享。今天想先和大家聊聊javascript的编码规范。 总所周知,javascript是一种语法极其灵活的语言。javascript在设计之初就只是用来为HTML添加动态效果的。由于他动态,弱类型等特性,以及不同浏转载 2012-06-30 13:55:25 · 603 阅读 · 0 评论 -
js原型、继承
前几天看了《再谈js面向对象编程》,当时就请教哈大神,发现文章有的地方可能会造成误导(或者说和ECMA有出入),后来自己翻一翻ECMA,总算找到“标准”的理解……本文适合初学者,特别是对构造函数、原型和原型链概念比较模糊的,大牛请路过,好了,让我们一步步来看看js的原型(链)到底有多神秘……一、函数创建过程在了解原型链之前我们先来看看一个函数在创建过程中做了哪些事情,举一个空函数的转载 2012-07-02 13:52:31 · 308 阅读 · 0 评论 -
jquery获取浏览器高度、宽度和滚动条高度
jquery获取浏览器高度、宽度和滚动条高度我们做前端的,经常需要获取浏览器的宽度和高度,还有滚动条的高度,今天整理出来,以后拿来直接用,去他X的手写代码。Jquery代码:alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()); //浏览器时下窗口文档的高度 aler转载 2012-07-02 17:54:52 · 437 阅读 · 0 评论 -
滚动条下拉不断获取新内容
function insertcode() { var data = new Date(); var $body = $("body"); $body.append(''+data.getSeconds()+'') $("#page_tag_load").hide();}$(document).ready(function () { $原创 2012-07-02 17:58:03 · 740 阅读 · 0 评论 -
js判断浏览器方法
在JS中判断浏览器的类型,估计是每个编辑过页面的开发人员都遇到过的问题。在众多的浏览器产品中,IE、Firefox、Opera、Safari........众多品牌却标准不一,因此时常需要根据不同的浏览器,甚至相同浏览器不同版本做不同的操作,因此,知晓浏览器的判断方法,还是很重要的。下面列举一下常用的判断方法:1、判断浏览器是否为IE document.all ? 'IE'转载 2012-07-17 13:20:18 · 305 阅读 · 0 评论 -
javascript 55个小技巧
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键no 可用于Table2. 取消选取、防止复制3. onpaste="return false" 不准粘贴4. oncopy="return false;" oncut="return false;" 防止复制5. IE地址栏前换成自己的转载 2012-08-04 11:41:10 · 264 阅读 · 0 评论 -
location.reload(), history.go(0),location.replace刷新页面
在实际应用的时候,重新刷新页面的时候,我们通常使用: location.reload() 或者是 history.go(0) 来做。下面有一些相关的内容,大家看完了就会有更多的收获。首先介绍两个方法的语法: reload 方法,该方法强迫浏览器刷新当前页面。 语法: location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 fa转载 2012-07-26 13:33:05 · 1537 阅读 · 0 评论 -
jquery下利用jsonp跨域访问实现方法
客户端的跨域访问,可以通过jsonp方式来实现,jquery提供了跨域访问的方法,jQuery.ajax()支持get方式的跨域。当然支持跨域还需要服务器端相应的处理。$.ajax({ async:false, url: '', // 跨域URL type: 'GET', dataType: 'jsonp', jsonp: 'jsoncallback', //默认callb转载 2012-07-30 12:35:53 · 295 阅读 · 0 评论 -
jquery表单
/*假设在一个表单中有一个按钮id="save"$(document).ready(function(){$("#save").click(function(){$("#save").attr("disabled",true);//设为不可用 $("#form1")[0].submit();//如果你有很多个id为form1的表单也没关系,只有第一个会提交的哈哈.});转载 2012-08-23 21:29:04 · 278 阅读 · 0 评论 -
JS操作JSON总结
JS操作JSON总结 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。 本文主要是对JS操作JSON的要领做下总结。 在JSON中,有转载 2012-08-23 21:30:32 · 241 阅读 · 0 评论 -
图片预加载分析
图片预加载技术的典型应用:如lightbox方式展现照片,无疑需要提前获得大图的尺寸,这样才能居中定位,由于javascript无法获取img文件头数据,必须等待其加载完毕后才能获取真实的大小然后展示出来,所以lightbox显示的图片的速度体验要比直接输出的差很多,而本文说提到的预加载技术主要针对获取图片尺寸。一段典型的使用预加载获取图片大小的例子:var imgLoad = f转载 2012-08-23 21:57:06 · 435 阅读 · 0 评论 -
图片等比率压缩
New Document var flag=false; function DrawImage(ImgD){ var image=new Image(); image.src=ImgD.src; if(image.width>0 && image.height>0){ flag=true; if(image.width/image.height>转载 2012-08-23 21:52:28 · 409 阅读 · 0 评论 -
js比对服务器时间倒计时
Insert title here $(function(){ $.post("time.php", {"action":"getTimeStmp"},function(json){ var v = eval("(" + json +")"); $.cookie('server_time',v.time); });原创 2014-08-06 17:09:42 · 552 阅读 · 0 评论