js/jauery
文章平均质量分 62
HelloStarnger
这个作者很懒,什么都没留下…
展开
-
$.cookies用法
详细方法说明参见:http://code.google.com/p/cookies/wiki/Documentation提供方便方法操作cookie : var newOptions = {domain:'*.mydomain.com',path:'/somedir',expiresAt:new Date(2011,1,1),secure:true};//声明cookie的保存周期转载 2012-04-04 19:48:29 · 177 阅读 · 0 评论 -
JS的IE和FF兼容性问题汇总
你对IE和Firefox兼容性是否熟悉,这里和大家分享一下Javascript的IE和Firefox兼容性问题以及解决方法,相信本文介绍一定会让你有所收获。以下以 IE 代替 Internet Explorer,以 MF 代替 Mozzila FF1. document.form.item 问题现有问题:现有代码中存在许多 document.formName.item("itemN转载 2012-04-20 14:44:49 · 206 阅读 · 0 评论 -
JS中setInterval和setTimeout使用介绍
setTimeout和setInterval的相同处setTimeout和setInteval 都是window对象的定时方法,它们语法基本上相同。它们都有两个参数,一个是将要执行的代码字符串,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将执行那段代码。setTimeout和setInterval的区别setTimeout方法是定时程序,也就是在什么时间以后干什么。干完了就转载 2012-04-20 14:39:57 · 250 阅读 · 0 评论 -
JS如何获取屏幕浏览器网页高度宽度
网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括边线的宽) 网页正文全文宽:document.body.scrollWidth转载 2012-05-29 09:29:51 · 218 阅读 · 0 评论 -
JavaScript如何计算两个日期间的时间差
有时候我们需要知道两个日期之间差了多少天,多少小时,甚至多少分钟多少秒。下面我们用JavaScript实现一个函数,用于计算两个日期的时间差,先来看看代码:/*** 时间对象的格式化;*/Date.prototype.format = function(format){ /* * eg:format="YYYY-MM-dd hh:mm:ss"; */ var o = {转载 2012-05-16 09:22:49 · 325 阅读 · 0 评论 -
随机显示图片
$(function(){/****************************随机函数调用******************************/rand ();})/****************************随机函数******************************/var rand = function(){ var str = ['1.g原创 2012-06-09 15:14:45 · 249 阅读 · 0 评论 -
Javascript 面向对象之私有方法、公有方法、特权方法介绍
私有方法:私有方法本身是可以访问类内部的所有属性的,即私有属性和公有属性。但是私有方法是不可以在类的外部被调用。 私有方法写法: function myClass () { var private_attribute = initial_value; function private_method () { } var private_method2 = function () {原创 2012-07-04 14:40:50 · 303 阅读 · 0 评论 -
国家、省、市、县 四级联动 JS源码
国家、省、市三级联动JS源码body,select{font-size:9pt;font-family:Verdana;}a{color:red;text-decoration:none;}a:hover{text-decoration:underline;}function Dsy(){this.Items = {};}Dsy.prototype原创 2012-06-28 13:44:35 · 59219 阅读 · 0 评论 -
js文字列表无缝向上滚动
文字列表无缝向上滚动JavaScript代码*{margin:0px;padding:0px;border:0px;}body{font-size:12px}#demo1{height:auto;text-align:left;}#demo1 li{list-style-type:none;height:22px;background:url() no-repeat lef转载 2012-07-12 15:51:07 · 410 阅读 · 0 评论 -
jquery分页(根据高度)
#frameContent{ width:900px; /*调整显示区的宽*/ height:370px; /*调整显示区的高*/ font-size:12px; line-height:20px; ov原创 2012-07-12 15:49:31 · 1435 阅读 · 0 评论 -
jquery购物车程序(js文件)
购物车js//订单var webOrder={};webOrder.getBasePath = function(){ var result = "" try{a = b}catch(e){ if(e.fileName){//firefox result = e.fileName; }else if(原创 2012-07-12 15:40:07 · 1431 阅读 · 0 评论 -
jquery分页(根据列表条数)
/**********************************************/$(function(){ pageList();//调用分页函数})/******************函数***********************/ var obj,j;//内容, 获取总条数 var page=0; var nowPage=0;//当前页 var list原创 2012-07-12 15:46:55 · 293 阅读 · 0 评论 -
图片左右滚动(按钮点击)
$(function(){ /************************************图片滚动*********************************/ var DY_scroll =function(show,prev,next,img,speed,or){ var img = $(img).find('ul'); var w = img.find('原创 2012-07-12 15:56:33 · 413 阅读 · 0 评论 -
Javascript 汉字字节判断/表单规则集合对象
汉字字节判断function checkstr(str) { num=str.length var arr=str.match(/[^\\\\\\\\x00-\\\\\\\\x80]/ig) if(arr!=null)num+=arr.length return num } Javascript 的 length() 认为一个汉字或一个字母均为1个字节,通过该函数可判断汉字为2字节原创 2012-07-20 08:34:42 · 248 阅读 · 0 评论 -
jquery遍历json
ajax请求返回的json文件:{ "n1":{"ID":"1","Sort":"0","Name":"gfngfngf","Explain":"gfngfng"}, "n2":{"ID":"2","Sort":"0","Name":"gfngfngf","Explain":"gfngf"}, "n3":{"ID":"3","Sort":"0","Name":"gngf","Expla原创 2012-07-26 15:50:00 · 254 阅读 · 0 评论 -
Jquery写的一个鼠标拖动效果
使用鼠标拖动层代码 #Main { width:400px; height:400px; position:absolute; top:10px; left:0; border:原创 2013-01-06 11:18:00 · 256 阅读 · 0 评论 -
js中getByClass()函数进化史
对于js来说,我想每一个刚接触它的人都应该会抱怨:为什么没有一个通过class来获取元素的方法。尽管现在高版本的浏览器已经支持 getElementsByClassName()方法,但是对于低版本浏览器来说,还是无法兼容,在脱离其他库的时候,还是得自己封装一个方法。下面列举几种网上常见的方法并说明存在的一些问题。方法一function getByClass1(oParent, sCla转载 2013-09-03 15:33:15 · 525 阅读 · 0 评论 -
JS实现复制到剪贴板(支持IE和Firefox)
Web开发者 - www.Admin10000.com function copy_clip(txt) { if (window.clipboardData) { window.clipboardData.clearData(); window.clipboardData.setData("Text", t转载 2012-04-20 14:43:34 · 182 阅读 · 0 评论 -
解决IE中img.onload和load失效的方法
1.img.onload失效最近在做一个web项目,其中有一个需求:在服务端图片未下载完成之前显示另一个图片,下载完成后才显示此图片,所以想到了img的onload方法,开发完成后,在firefox浏览器下没有什么问题,在IE下测试,发现img的onload事件很多情况下都不被调用。最初的代码如下: var obj = new Image(); obj.s原创 2012-04-19 09:33:13 · 3053 阅读 · 0 评论 -
JQuery 常用技巧介绍
随着 Web2.0 及 Ajax 思想在互联网上的快速发展传播,陆续出现了一些优秀的js框架,其中比较著名的有 Prototype、YUI、jQuery、mootools、Bindows 以及国内的 JSVM 框架等,通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来,将关注点转向功能需求而非实现细节上,从而提高项目的开发速度。JQuery 是继 Protot原创 2012-04-05 08:28:32 · 152 阅读 · 0 评论 -
JQuery对数组的一些操作
$.each(array, [callback]) 遍历不同于例遍 jQuery 对象的 $.each() 方法,此方法可用于例遍任何对象(不仅仅是数组哦~). 回调函数拥有两个参数:第一个为对象的成员或数组的索引, 第二个为对应变量或内容. 如果需要退出 each 循环可使回调函数返回 false, 其它返回值将被忽略.each遍历,相信都不陌生,在平常的事件处理中,是for循环的变体,转载 2012-04-05 08:47:09 · 213 阅读 · 0 评论 -
jQuery获得网页基本信息
获取浏览器和页面文档的宽度和高度 //获取浏览器显示区域的高度 $(window).height(); //获取浏览器显示区域的宽度 $(window).width(); //获取页面的文档高度 $(document.body).height(); //获取页面的文档宽度 $(document.body).width(); 获取滚动条的位置转载 2012-04-04 19:48:57 · 168 阅读 · 0 评论 -
JQuery Ajax 全解析
jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯。我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()。load(url, [data], [callback]):载入远程 HTML 文件代码并插入转载 2012-04-05 08:30:02 · 159 阅读 · 0 评论 -
JQuery图片轮换效果
var curr = 0, next = 0, count = 0; $(document).ready(function () { // 记录图片的数量 count = $('#img_list a').size(); t = setInterval('imgPlay()', 3000); //原创 2012-04-05 08:41:06 · 232 阅读 · 0 评论 -
html5本地存储localStorage实战
web本地存储方案总结本地存储解决方案很多,比如Flash SharedObject、Google Gears、Cookie、DOM Storage、User Data、window.name、Silverlight、Open Database等。借用网上的一张图来看下目前主流的本地存储方案:Cookie在web中得到广泛应用,但局限性非常明显,容量太小,有些站点会因为出于安全的考原创 2012-04-05 13:52:05 · 373 阅读 · 0 评论 -
JQuery 学习:给标签追加 CSS
今天我们要做的事情是,增加或移除元素的css class,例如:1$("a").addClass("test");2$("a").removeClass("test");a 是 selector,test 则是 CSS 样式。比如以下代码,可以将 id 为 nowamagic 的 HTML转载 2012-04-04 19:53:05 · 253 阅读 · 0 评论 -
谈谈JQuery中的each()方法
each()函数是基本上所有的框架都提供了的一个工具类函数,通过它,你可以遍历对象、数组的属性值并进行处理。jQuery和jQuery对象都实现了该方法,对于jQuery对象,只是把each方法简单的进行了委托:把jQuery对象作为第一个参数传递给jQuery的each方法.换句话说:jQuery提供的each方法是对参数一提供的对象的中所有的子元素逐一进行方法调用。而jQuery对象提供的转载 2012-04-05 08:29:36 · 237 阅读 · 0 评论 -
select、checkbox、text、radio取值、选中、删除
获取值:下拉框select: 获取value:$('#sel').val(); 获取text:$('#sel').find("option:selected").text()多选框checkbox:$("#checkbox_id").attr("value");文本框,文本区域:$("#txt").val(); 或 $("#txt").attr("value");单选组radio:原创 2012-04-06 09:33:04 · 212 阅读 · 0 评论 -
jQuery校验
官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation一导入js库 二、默认校验规则(1)required:true 必输字段 (2)remote:"check.php" 使用ajax方法调用check.php验证输入值 (3)email:true 必须输入正确格式的电子邮件 (4)转载 2012-04-06 09:36:30 · 202 阅读 · 0 评论 -
jQuery选择器
(3)一、简单过滤选择器 (1)$("selector:first") //:first选择器 用于在匹配的集合中选择第一个元素 例:$("li:first") 在所有li元素中选择第一个li元素 (2)$("selector:last") //:last选择器 用于在匹配元素集合中选择最后一个元素 (3)$("selector:odd") //:odd选择器 用于在原创 2012-04-06 09:41:13 · 270 阅读 · 0 评论 -
clearbox 用法介绍
首先在头里加入如下代码:单图演示:图组演示:网址演示:鼠标单击演示 点下来试试鼠标移动演示 放上来试试参数设置:CB_AllowedToRun:此值可以设置为on或off。如果'off' ,然后就到ClearBox ,所以图像不会出现在的帮助下,该脚本,但它最初是在网站上。CB_Al转载 2012-04-25 17:41:05 · 499 阅读 · 0 评论 -
图片全屏显示
fullScreen(function(){ var fullScreenApi = { supportsFullScreen: false, isFullScreen: function() { return false; }, requestFullScreen: function() {},原创 2012-04-14 10:16:56 · 324 阅读 · 1 评论 -
jquery 添加收藏和设为首页
var HomepageFavorite = { //设为首页 Homepage: function () { if (document.all) { document.body.style.behavior = 'url(#default#homepage)'; document.body.setHomePage(原创 2012-04-17 16:06:36 · 509 阅读 · 0 评论 -
通用键盘快捷键JS函数封装
使用时直接调用:jQuery(document).bind('keydown', 'k',function (evt){ //此处写按快捷键执行的函数代码 });完整代码如下:/* * jQuery Hotkeys Plugin * Copyright 2010, John Resig * Dual licensed under the MIT or转载 2012-04-29 09:59:05 · 271 阅读 · 0 评论 -
js禁止页面复制 禁用页面右键菜单的代码
js实现禁止页面复制功能、禁用页面右键菜单等功能。禁用网页右键菜单,但是仍然可以使用快捷键复制。js代码禁用复制功能:document.body.onselectstart=document.body.oncontextmenu=function(){ return false;}注意这段代码必须放在body元素后面,放在前面或者放在head里面都不起作用。补全:document.b转载 2013-09-03 15:32:16 · 463 阅读 · 0 评论