随笔分类 - JQuery And Javascript
Jq插件、JS经典脚本、超炫效果
摘要：转：http://www.popo4j.com/article/jQuery-replace-element-binding-event.htmljQuery如何重新绑定已经绑定的事件?虽然我们现在推荐行为分离,渐进增强,但在很多遗留系统里还是存在很多这样的代码<input type="button" value="ClickMe" id="btn1" onclick="foo()" />就是直接在DOM元素上绑定事件这样做有很多缺点1.代码高度耦合2.增加HTML大小3.书写不了逻辑性很强的代码这种绑
阅读全文
摘要：转：http://www.cnblogs.com/hyl8218/archive/2010/03/30/1694904.htmlJquery autocomplete是一个很强大的类似google suggest的自动提示插件。它几乎可以满足我们所有的需要。官方网站：http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete当前版本：1.1需要JQuery版本：1.2.6+首先是最重要的方法autocomplete(url or data,[options])第一个参数可以是数组或者url。options参数比较复杂：* mi
阅读全文
摘要：转：http://hi.baidu.com/shuanglinwanyu/blog/item/4936af3e40c7993770cf6c9e.htmlAttribute：属性$("p").addClass(css中定义的样式类型); 给某个元素添加样式$("img").attr({src:"test.jpg",title:"test Image"}); 给某个元素添加属性/值，参数是map$("input").attr({"checked", "checked&q
阅读全文
摘要：以前在页面中获得当前时间的方法如下：function SelectTodayClient() { var d = new Date(); var taday = d.getYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate(); alert($(taday);}IE运行正常，FF运行如下：这样在程序中就会出现SqlDateTime 溢出异常:SqlDateTime 溢出。必须介于 1/1/1753 12:00:00 AM 和 12/31/9999 11:59:59 PM 之间。解决办法：把d.getYe
阅读全文
摘要：原文：http://www.cnblogs.com/web-ed2/archive/2011/07/20/2111678.html定义splice() 方法 用于插入、删除或替换数组的元素。slice() 方法 可提取字符串的某个部分，并以新的字符串返回被提取的部分。用法splice 的参数 ：splice (start, deleteCount, [item1[, item2[, . . . [,itemN]]]])数组从 start下标开始，删除deleteCount 个元素，并且可以在这个位置开始添加 n个元素当start ,deleteCount 均为0 的时候，也就是在数组的最前面插
阅读全文
摘要：原文：http://www.cnblogs.com/duck1218/archive/2011/07/20/2112252.htmlvar bodyWidth =document.body.clientWidth; //网页可见区域宽 var bodyHeight =document.body.clientHeight; //网页可见区域高 var bodyWidthWithBorder =document.body.offsetWidth; //网页可见区域宽(包括边线的宽) var bodyHeightWithBorder=document.body.offsetHeight; //网页可
阅读全文
摘要：web.config里面默认Post设置是不允许远程调用webservice 修改web.config，在system.web节下面加上下面一段代码<webServices > <protocols > <add name="HttpSoap"/> <add name="HttpPost"/> <add name="HttpGet"/> <add name="Documentation"/> </protocols> </we
阅读全文
摘要：FF的FIREBUG，不仅能测试JS还能检查CSS错误，是一般常用的。但它主要检查FF方面的错误，对IE就无能为力了。要测试IE，就用ieTester，它可以测试IE几乎所有版本（１.０恐怕也用不到测试了），用法也很方便。至于JS对不同浏览器的兼容注意事项，的确很多，下面给你的也只是部分，一般建议还是采用jquery,prototype等一些已经处理好了兼容的脚本库，更重要的是，它们简化了很多操作，还提供了平常你很难实现的增强功能。可以去搜搜这方面的说明文章。JS兼容浏览器FF/IE技巧做BS开发就难免会用到javascript，而每个浏览器对javascript的支持有不同。这就需要我们程序
阅读全文
摘要：event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等。event对象只在事件发生的过程中才有效。event的某些属性只对特定的事件有意义。比如，fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。例子下面的例子检查鼠标是否在链接上单击，并且，如果shift键被按下，就取消链接的跳转。<HTML><HEAD><TITLE>Cancels Links</TITLE><SCRIPT LANGUAGE="JScript">
阅读全文
摘要：一般网页的下方都会放置一个置顶按钮, 尤其是页面底部没有导航的网页, 这样可以帮助访客重新找到导航或者重温一遍广告 (想得真美). 随着近几年来 JavaScript 的应用日渐广泛, 滑动效果无处不在, 于是我也跟跟风, 将置顶功能做成了滑动效果. 后来为了更贴合物理特征, 改造做成了减速的滑动效果. 首先说一下原理吧. 我们会获取滚动条到页面顶部的距离, 然后上移一定的距离; 再获取滚动条到页面顶部的距离, 上移一定的距离 (比上一次小一点); ... JavaScript 代码:<script type="text/javascript"> /** * 回
阅读全文
摘要：毋庸置疑, LightBox plugin很强大。本人在开发CRM系统的时候用到了这个插件，这里分享下本人的应用心得。一、lightbox2官网：http://www.lokeshdhakar.com/projects/lightbox2/1、导入：在<head>标签内加如下代码：<script type="text/javascript" src="/plugins/lightbox/js/prototype.js"></script><script type="text/javascript&quo
阅读全文
摘要：页面代码：<select id="selTest" onchange="changeColor(this)"> <option value="-1" selected="selected">默认</option> <option value="0">选项A</option> <option value="1">选项B</option></select><script type
阅读全文
摘要：获取元素坐标var getPos:function(o){//取元素坐标 var x = 0, y = 0; do{ x += o.offsetLeft; y += o.offsetTop; }while(o=o.offsetParent); return {'x':x,'y':y};} Firebug的使用http://www.uedsky.com/sky/article/firebug-tutorial.html 获取当前script文件的路径var strJsPath='';(function(){ try { throw Error(&q
阅读全文
摘要：//-------常用js Function //------------start 已验证---------------////定义报错信息var MSG_ERR001="$1不能为空！";var MSG_ERR002="$1的文字格式为$2！";var MSG_ERR003="$1不能超过$2个字节！";var MSG_ERR004="不能删除$1!!";/*** alert ： 弹出出错信息* 引数 ： sMsg 报错信息* sParam1 引数1* sParam2 引数2* sParam3 引数3* 返回值
阅读全文
摘要：在一个文本框里输入一个数值，在另一个地方显示的时候自动转换成大写，数值是一个钱数，保留两位小数，例如100.00，壹佰元零角零分。View Code 1 <script type="text/javascript"> 2 //主函数 3 function DX(n) { 4 if (!/^(0|[1-9]\d*)(\.\d+)?$/.test(n)) 5 return "数据非法"; 6 var unit = "千百拾亿千百拾万千百拾元角分", str = ""; 7 n += "00&quo
阅读全文
摘要：对于企业网站，客户有时候会有这样的需求，既页面内容不允许复制，既右键屏蔽，这里有一段简单的JS可以实现：<script type="text/javascript"> <!-- if (window.Event) document.captureEvents(Event.MOUSEUP); function nocontextmenu() { event.cancelBubble = true event.returnValue = false; return false; } function norightclick(e) { if (window.E
阅读全文
摘要：以前做企业网站老是遇到客户上传的产品图片过大（指图片的长和宽），从而导致在IE6中网页严重错位。如图：但是又不能用 style="overflow:hidden;",这个虽然解决了错位，但是图片被剪掉了一块，看起来别扭：如图：正常的应该是这样：解决办法：在产品展示页面中用JQurey控制下：/*这个标签调用产品图片*/<asp:Image runat="server" ID="ProductBigImg" />首先引入jquery<script src="/Utility/js/jquery.js"
阅读全文
摘要：1、获取URL的各个属性值：域名，查询字符串等 //分析url function parseURL(url) { var a = document.createElement("a"); a.href = url; return { source: url, protocol: a.protocol.replace(":", ""), host: a.hostname, port: a.port, query: a.search, params: (function () { var ret = {}, seg = a.search.
阅读全文
浙公网安备 33010602011771号