基于JQuery制作的产品广告效果

2017年02月06日 25 阅读

效果图.如下： 动画效果介绍：这组广告效果是打开页面后图片会自动播放，从1-5共计5张图片，如果属标放到右下角的1、2、3、4、5列表上，可以自由进行切换到自己想看的图片上去。图片切换是由下到上变换的。制作思路：先将这5张图片分别放入到ul的5个li列表中, 《1》求出图片个的总个数. 并当我们如果在单击1.2.3.4.5时就将它对应的数字传过去，就它显示对应的图片。 《2》如果属标放上，就停止动画（可以利用clearIntval（） ），如果属标移到，我...

jquery蒙版控件实现代码

2017年02月06日 20 阅读

样式代码： 复制代码 代码如下: #div_maskContainer { display: none; } /*蒙版样式*/ #div_Mask{ z-index:1000; filter:alpha（opacity=40）; position: absolute; left:0px; top:0px; background-color: #D4D0C8; } /*显示信息样式*/ #div_loading{ width:300px;height: 60...

在JQuery dialog里的服务器控件 事件失效问题

2017年02月06日 20 阅读

JQuery会把代码appendTo到body，而不在form里，所以按钮事件无法触发。 解决方法：在点击按钮打开Dialog时，将div append到form里，使按钮生效。 将弹出div append到属于form里的div，那么服务器端控件就可以正常执行 。 这是那哥们说的，我试了下成功了。分享给大家。 ...

js下通过prototype扩展实现indexOf的代码

2017年02月06日 23 阅读

复制代码 代码如下: <script type="text/javascript"> Array.prototype.indexOf = function （str） { for （var i = 0; i < this.length; i++） { if （str == this[i]） { return i; } } return -1; } </script> ...

javascript中callee与caller的用法和应用场景

2017年02月06日 21 阅读

caller : functionName.caller 返回调用者。 看看下面的函数，大家可以复制到VS中执行下 复制代码 代码如下: function caller（） { if （caller.caller） { alert（caller.caller.toString（））; } else { alert（"函数直接执行"）; } } function handleCaller（） { caller（）; } handleCaller（）; cal...

js 替换功能函数，用正则表达式解决，js的全部替换

2017年02月06日 22 阅读

alert（"abacacf".replace（"a","9"））; alert（"abacacf".replace（/a/g,"9"））; 第一个运行的结果 9bacaf 这个只是替换了第一个 第二个运行的结果 9b9c9f 这个能实现js的全部替换功能 其实第二个的意思就是用正则表达式实现全局的替换 g 代表 gobal 另附：带有特殊符号的全局替换 复制代码 代码如下: <！DOCTYPE HTML PUBLIC "-//W3C//DTD HT...

来自国外的页面JavaScript文件优化

2017年02月06日 22 阅读

The problem: scripts block downloadsLet"s first take a look at what the problem is with the script downloads. The thing is that before fully downloading and parsing a script, the browser can"t tell what"s in it. It may contain doc...

基于jQuery的一个扩展form序列化到json对象

2017年02月06日 24 阅读

复制代码 代码如下: $.fn.serializeObject = function（） { var o = {}; var a = this.serializeArray（）; $.each（a, function（） { if （o[this.name]） { if （！o[this.name].push） { o[this.name] = [ o[this.name] ]; } o[this.name].push（this.value || ""）;...

javascript 折半查找字符在数组中的位置（有序列表）

2017年02月06日 23 阅读

复制代码 代码如下:/** * 折半查找字符在数组中的位置（有序列表） * @param array 被检索的数组 * @param x 要查找的字符 * @type int * @returns 字符在数组中的位置，没找到返回-1 */ function binarySearch（array,x）{ var lowPoint=1; var higPoint=array.length; var returnValue=-1; var midPoint; v...

教您去掉ie网页加载进度条的方法

2017年02月06日 25 阅读

这样虽没有对功能有什么影响，可是体验总不怎么好，那如何解决这个问题了，网上有很多文章都有说过在被目标页加载后设置window.status = "xx"这类的，可是我发现这个方法这样的情形下并不怎么好使。 复制代码 代码如下: <div> <ul> <li><a href="1.html" target="page"></a></li> <li><a href="2....

一起来写段JS drag拖动代码

2017年02月06日 20 阅读

1、为要被拖移三个事件,onmousedown,onmousemove,onmouseup 2、在onmousemove事件中来处理被拖移元素的位置的变化，其实说白了元素要移动的距离就是鼠标两次移动之间的距离。 3、其中还包括setCapture,releaseCapture，目的就是为了被搬移的元素始终能拥有焦点。 以前大致就是以前的认识，可以参见 JS拖动技术--- 关于setCapture 这个实现，后来随着工作要求的提高，做的工作都是要跨浏览器的，...

JS拖动技术 关于setCapture使用

2017年02月06日 21 阅读

JS拖动技术--- 关于setCapture （转自 剑胆琴心-.Net学习笔记） 复制代码 代码如下: <script type="text/javascript"> <！-- window.onload=function（）{ objDiv = document.getElementById（"drag"）; drag（objDiv）; }; function drag（dv）{ dv.onmousedown=function（e）{...

web前端开发也需要日志

2017年02月06日 21 阅读

如IE6,在他上面还不那么富饶，给程序调试带来的很大的痛苦啊，所以日志即时输出是一个不错的选择，可以知道程序覆盖到了哪里。即是在先进的浏览器上也是很有必要的，他比去调试程序来确定相应的业务代码有没有执行到也快的多也容易的多，好了，下面来给大家介绍一个我业余时间写的调试信息输出工具。 上代码： 复制代码 代码如下: （function（）{ var cache = []; var el = null; this.__debugLine = 1; functi...

IE6下CSS图片缓存问题解决方法

2017年02月06日 23 阅读

用一句代码即可搞定： 复制代码 代码如下: document.execCommand（"BackgroundImageCache", false, true）; 当然为了其它浏览器上能正常通过，需要做下判断后调用，才更安全： 复制代码 代码如下: if（Browser.isIE6）{ try{ document.execCommand（"BackgroundImageCache", false, true）; } catch（e1）{} } 平台检测代...

Javascript将string类型转换int类型

2017年02月06日 23 阅读

郁闷的事来了，先看前台HTML： 复制代码 代码如下: 购买数量： <input id="txtNum" type="text" value="1" runat="server" onchange="javascript:checkNum（）;" /> 件（库存<span id="getGoodsNum"> <%=GOODSNUM%></span>）件 用JS取值，注意看JS代码： 复制代码 代码如下: v...

客户端限制只能上传jpg格式图片的js代码

2017年02月06日 24 阅读

复制代码 代码如下: function checkPhoto（fnUpload） { var filename = fnUpload.value; alert（filename）; var mime = filename.toLowerCase（）.substr（filename.lastIndexOf（"."））; if（mime！=".jpg"） { alert（"请选择jpg格式的照片上传"）; fnUpload.outerHTML=fnUpload...

js下关于onmouseout、事件冒泡的问题经验小结

2017年02月06日 23 阅读

问题是这样的：一个div元素要触发onmouseout事件，同时这个div内部还有子元素，于是当鼠标移动到该div的子元素上时，onmouseout事件也被触发了。在要做浮动层效果的时候会经常遇到这个问题。 解决方法一： 使用jQuery，这个大家都会的： 复制代码 代码如下: <div id="div1">触发显示浮动层</div> <div id="div2"> <ul> <li>1</...

JavaScript（JS） 压缩 / 混淆 / 格式化 批处理工具

2017年02月06日 24 阅读

昨天分享了http://jscompress.sinaapp.com/这个小工具后，发现大家还是很喜爱的。因此今天我把它json化了.用json传输数据，也开放了api本工具所有的功能实现都是由http://jscompress.sinaapp.com/api处理.（包括现在可以使用的这个在线压缩）所有的数据交换均由 HTTP POST 输入处理后由 json 作为数据输出格式.API参数 : http://jscompress.sinaapp.com/a...

input按钮的事件处理大全

2017年02月06日 22 阅读

1.<INPUT onclick=document.all.WebBrowser.ExecWB（1,1） type=button value=打开 name=Button1> 2.<INPUT onclick=document.all.WebBrowser.ExecWB（4,1） type=button value=另存为 name=Button2> 3.<INPUT onclick=document.all.WebBrows...

为超链接加上disabled后的故事

2017年02月06日 23 阅读

场情： 一张页面中原来有一个超链接按钮，点击后可以获取到短信认证码。如 复制代码 代码如下: <a href="javascript:reciverSms（）">获取短信认证码</a> <script type="text/javascript"> function reciverSms（）{ var sms = getSmsCode（）; } </script> 但是考虑到频繁点击获取认证码，对相关设...