JavaScript
万宝哥
这个作者很懒,什么都没留下…
展开
-
swfobject.js 2.2 使用方法
在网页中插入FLASH时总是要写一大堆控件代码,而swfobject可以大大简化这项工作,使用swfobject的好处:1.IE中没有讨厌的虚框问题了。2.提供了完善的版本检测功能,如果版本不够则显示其他东西,比如图片或文字。3.易于使用,只要在页面头加载一个 .js 文件,然后 HTML 写一个容器,里面放普通的文本或图片(用于无法显示 Flash 时显示),最后用脚本来替换这个元素里面的内容为原创 2014-01-09 09:18:40 · 2501 阅读 · 0 评论 -
utf8页面post form到gb2312
由于新老项目网站页面编码不一致,导致使用表单向另一项目提交数据时出现乱码。其实只要利用form的"accept-charset"属性(仅FF,Chrome等新浏览器支持)即可向不同编码的网页提交数据。如:即表示提交过去的数据使用gb2312编码。但是可恶的IE6在国内还在苟延残喘,为了照顾这一顽固的特殊群体,我们需要一点小技巧,在表单提交事件中进行网页编码转换。但是当提交后直接后退这又出现新问题了原创 2014-01-09 09:19:30 · 1042 阅读 · 0 评论 -
jQueryTools Scrollable详解
在网页中加入各式各样的轮播广告都可以归结为滑动块的灵活使用,而jQueryTools提供了一套非常方便的滑动块解决方案,基本可以实现任何网页上的轮播图片或图片浏览功能。滑动块设置说明(scrollable) 属性 默认值 说明 clonedClass 'cloned' 当循环滑动时程序会自动复制一组滑动原创 2014-01-09 09:19:32 · 6021 阅读 · 0 评论 -
jQueryTools Scrollable和通用轮播图片原理分析
其实无论是jQueryTools Scrollable还是常见的页面图片轮播,其原理都差不多。我这里简单分析一下其原理,请看下图滑动器(视窗,好比电影放映机镜头或幕布):即是整个可视窗口,浏览器仅显示窗口范围内的内容,超出范围的内容被隐藏滑块容器(好比电影胶带):必须将其设置的足够宽或足够高,最少为 滑动单元宽度*(滑动单元数量+2),总之尽量设置大点,大了咱不怕。滑动单元(好比电影胶带上的一张张原创 2014-01-09 09:19:35 · 2000 阅读 · 0 评论 -
Uploadify 3.2 参数属性、事件、方法函数详解
一、属性 属性名称 默认值 说明 auto true 设置为true当选择文件后就直接上传了,为false需要点击上传按钮才上传 。 buttonClass '' 按钮样式 buttonCursor 'hand' 鼠标指针悬停在按钮上的样子 buttonImage null原创 2014-01-09 09:19:44 · 1497 阅读 · 0 评论 -
jQuery Tools DateInput使用详解
先看看样式丰富功能强大的jQuery Tools DateInput截图首先载入jquery tools插件,要使用DateInput的话还需要载入日历表的CSS样式表,不同的样式表就可以呈现上面截图中的各种样式,样式表可以到官方网站下载,甚至你可以自行修改定义然后来看看详细的参数用法 参数 默认值 说明 css原创 2014-01-09 09:20:07 · 4403 阅读 · 1 评论 -
jquery tools overlay 使用方法
首先来看看比较简单的overlay用法$(".my_overlay_trigger").overlay({ color: "#ccc", top: 50});上面这段代码,在拥有.my_overlay_trigger的元素上绑定了overlay特性,使它们成为了overlay的触发器(trigger)。触发器是有着落了,可是还没有用于显示的内容啊,即overlay的载体本身还没有的。默原创 2014-01-09 09:18:33 · 5801 阅读 · 0 评论 -
Firebug & Chrome Console 控制台使用指南
Console API当打开 firebug (也包括 Chrome 等浏览器的自带调试工具),window 下面会注册一个叫做 console 的对象,它提供多种方法向控制台输出信息,供开发人员调试使用。下面是这些方法的一个简单介绍,适时地运用它们,对于提高开发效率很有帮助。console.log(object[, object, ...])使用频率最高的一条语句:向控制台输出一条消息。支持 C原创 2014-01-09 09:19:25 · 757 阅读 · 0 评论 -
jQueryTools Tab页使用方法
HTML代码 Tab 1 Tab 2 Tab 3 pane 1 content pane 2 content pane 3 content JavaScript代码$("ul.tabs").tabs("div.panes > div",{tabs: 'li', current: 'active'});最终效果图Tab tool属性列表原创 2014-01-09 09:19:37 · 2037 阅读 · 0 评论 -
JavaScript取随机整数的方法
这个应该是程序设计中经常要用到的,由于JS本身的随机数产生器Math.random()生成的是介于 0 和 1 之间(含 0,不含 1),也就是,返回值可能为0,但总是小于1。如果我们要想得到随机整数则要在此基础之上多做一步工作。但总结下来根本规则是这样的parseInt(Math.random()*(上限-下限+1)+下限);注意:这种方法产生的随机数范围是同时包含上限和下限的哦原创 2014-01-09 09:19:39 · 953 阅读 · 0 评论 -
Uploadify 3.2 使用详解
首先我们来看一下标准的Uploadify引用并初始化的示例Uploadify方法调用://调用upload方法$('#file_upload').uploadify('upload');//调用cancel方法并指定一个参数'*'$('#file_upload').uplaodify('cancel','*');可见Uploadify方法调用和原生JS方法调用有区别,均是使用uplaodify()原创 2014-01-09 09:19:46 · 3666 阅读 · 0 评论 -
FireFox、Chrome不支持Jquery Tools Validator的解决方法
现象描述:在火狐4、谷歌12浏览器中,使用Jquery Tools 1.2.5版的Jquery Validator,不出现验证提示框。而在ie7、8、9下就好用。解决方法:在form中添加 novalidate 属性就可以解决这个问题,并且不影响在ie下的效果 例如:坑了我一下午,还大刀阔斧的调试JS原创 2014-01-09 09:19:51 · 1452 阅读 · 0 评论 -
iframe框架高度自适应
最近做了一个后台界面,要求页面中的iframe框架高度自适应,自动根据内容的高度改变iframe的高度,并且兼容Chrome,FireFox,IE等各浏览器。原理是在主框架页面使用JS循环测试框架内容的高度,然后设置iframe的高度。需要说明一下的是:如果iframe的高度大于内容原本高度时,获取内容高度取得的还是是iframe的高度,所以有必要监听菜单的点击事件,和主框架的onload事件,把原创 2014-01-09 09:19:58 · 721 阅读 · 0 评论 -
JS获取浏览器高度和宽度
IE中:document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==> 可见区域高度FireFox中:document.body.c原创 2014-01-09 09:20:49 · 696 阅读 · 0 评论 -
使用CDN加载Jquery等JS库
在网页中我们经常使用jQuery库,选择使用的jQuery加载源,能有效加快网站的加载速度,目前推荐使用新浪、Google或Microsoft提供的CDN jQuery源,当然,他们还都提供了其他js库。作为国内的网站来说当然首推新浪的公共资源服务(Public Resources),速度上更有优势。而且新浪提供了不少JS资源,具体可以去http://lib.sinaapp.com查看。Googl原创 2014-01-09 09:18:43 · 5609 阅读 · 0 评论 -
JS验证手机号码和邮箱地址
验证邮箱var reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;if(!reg.test(输入的内容)) { alert("邮箱格式不对"); return false;}验证手机var reg = /^1[3|4|5|8][0-9]原创 2014-01-09 09:20:12 · 1127 阅读 · 0 评论 -
精简你的jQuery
在做一些要求较高的应用时(比如移动web),要求尽最大可能减小页面传输的数据,如果项目中在用jquery的话,感觉jquery好多功能其实也用不上,就算加载压缩版也有90多K,所以有必要对其精简,去除用不上的特性。目前网上找到的解决办法有两个:一、使用jQuipjQuip 是目的是将 jQuery 项目拆分成各个小模块,根据需要包含相应的 JS 模块,以减小浏览器加载 JS 的大小。核心文件 jq原创 2014-01-09 09:20:17 · 6586 阅读 · 0 评论 -
jQuery Tools Validator 表单验证插件工具用法详解
网页中经常需要用到表单验证功能,以往需要写大量的代码来验证表单字段,而jQuery Tools提供了一套方便的表单验证工具,熟悉之后可以节省大量的开发时间。一、validator基本使用方法jQuery Tools validator插件为input元素新增了几种类型:email、number、url,将自动按照电子邮件格式,整数格式和URL格式来验证input输入框,同时还支持max,min,p原创 2014-01-09 09:20:03 · 5070 阅读 · 0 评论 -
用JS打开新窗口,防止被浏览器阻止的方法
相信做web前端或者使用JS的朋友都会遇到需要在新窗口打开页面的情况,现在浏览器大都具有弹出窗口拦截功能,所以传统的window.open()不再那么好用了。借鉴于网上查到的方法和我个人的实践,把弹出新窗口的方法给大伙都介绍一下。第一种、使用原生javascript的window.open()方法(大部分情况下会被浏览自阻止)第二种、模拟表单(form)提交,原理是指定表单的action为想要打开原创 2014-01-09 09:19:27 · 34132 阅读 · 6 评论