CSS属性值是逐渐改变的,这样就可以创建动画效果。只有数字值可创建动画(比如 "margin:30px")。字符串值无法创建动画(比如 "background-color:red")。 代码如下:$(#shang).click(function(){$(html,body).animate({scrollTop: 0px}, 800);});上面的代码表示滚动条跳到0的位置,页面移动速度是800。结合scrollTop实用示例: 代码如下:jQuery(document).ready(function($){ $(#shang).click(function(){ $(html,body).animate({...
插件下载:https://github.com/GBKS/Wookmark-jQuery官方主页:http://www.wookmark.com/jquery-plugin 下载插件后,在网页中引用插件的JS文件: 代码如下:<script src="jquery-1.8.2.min.js"></script><script src="jquery.wookmark.min.js"></script>HTML代码结构: 代码如下:<div id="main"> <ul id="tiles"> <li><img src="images/1.jpg"></li> <li><img src="images/2.jpg"></li> <li><img src="images/3.jpg"></li> </ul>...
简单使用看w3school 里面没有参数调用, 例子如下 代码如下:<script type="text/javascript"> function timedMsg() { var a ="dd"; var t=setTimeout(function(){ cao(a);},3000) } function cao(a) { alert(a); } </script> </head> <input type="button" value="显示定时的警告框" onClick = "timedMsg()"> 我现在的问题是多个之间,只传回来最后一个,想一想啊 还是不太明白,明白了 代码如下:/* for (var i=0;i<points.leng...
上次介绍了怎么利用NodeJS + PhantomJS进行截图,但由于对每次截图操作,都启用了一个PhantomJS进程,所以并发量上去后,效率堪忧,所以我们重写了所有代码,并将其独立成为一个模块,方便调用。如何改进?控制线程数,以及单线程处理url数量。使用Standard Output & WebSocket 进行通讯。添加缓存机制,目前使用Javascript Object进行。对外提供简易的接口。 设计图 依赖 & 安装 由于PhantomJS 1.9.0+才开始支持Websocket,所以...
当创建一个类的时候,如果希望下面new出来的每个类都拥有一些通用的变量或者其他的函数,这个this关键字这是最好的方式。 当然,既然是面向对象的语言,必然存在访问权限的问题,这里也和this关键字息息相关。下面我们来演示一个例子来说明一下这个类的访问权限的问题.代码如下://Person类 function Person(){ var name="abc";//var声明的都是类内部的私有变量,外部无法访问 var age = 20; this.name2="edg";//t...
代码如下://检查表单元素是否为空 function check(Form) { for (i=0;i<Form.length;i++){ if(Form.elements[i].value == "") { //Form的属性elements的首字e要小写 alert(Form.elements[i].name + "不能为空!"); Form.elements[i].focus(); //指定表单元素获得焦点 return; } } Form.submit(); } 调用 <form name="form1" method="post" action=""> 留 言 人:<input type="text" name="mname" size="20"> 留言主题:<input type="...
在下面我们将设计一个场景,表格grid需要在每行实现鼠标右键,增加,删除,保存操作。grid我就用gridview了,随便用微软提供的样式,测试用例不用搞的多好看嘛,我也不是做美工了,哈哈,偷偷懒。 先上效果图,是有些同志说的有图才有真相嘛: ui代码: 代码如下:<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/...
如果网页处于焦点状态返回true,否则返回fasle 什么是焦点?焦点是指用户是否活动在该页面.确切的说鼠标是否在该网页内活动.或者说该网页中的内容是否有被选中的,或者光标存在于该页的某个元素内.如果具备其中一个条件那么该页就处于焦点状态.注意hasFocus方法只针对网页不针对浏览器.下面的实例中.你用鼠标点击网页时候.该网页处于焦点状态.你用鼠标点击浏览器的地址栏以后.该网页失去焦点并显示false. 再次提醒hasFocu...
setTimeout(script,millisecond); 是从现在算起多少微秒后运行该代码(只运行一次) setInterval(script,millisecond); 是每隔多少微秒运行一次代码 示例: 1.执行一次 秒 var i = 1 ; var txt = document.getElementById( " time " ); function addT(i) { txt.innerHTML = i; } setTimeout(" addT(i++) " , 1000 ); [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 2.复制执行 3 秒 var i = 1 ; var txt = document.getEl...
Bootstrap JS插件使用实例(2)-模态对话框 发表于 2013-04-27 17:16 ,已有 2484 次阅读 ,共 8 个评论 本篇文章讨论Bootstrap的js模态对话框插件(bootstrap-modal.js) 先看个简单示例,可直接粘贴运行: view sourceprint? 01. !DOCTYPE html 02. html lang =Bootstrap JS插件使用实例(2)-模态对话框发表于 2013-04-27 17:16 ,已有2484次阅读 ,共8个评论本篇文章讨论Bootstrap的js模态对话框插件(bootstrap-modal.js) 先看个简单示...
JS正则简介: RegExp 对象表示正则表达式,它是对字符串执行模式匹配的强大工具。 正则表达式是构成搜索模式的字符序列。该搜索模式可用于文本搜索和文本替换操作。 实例: var patt = /w3school/i; // /w3school/是搜索模式;i(对搜索模式中的字母大小写不敏感) //最后包含属性 "g"、"i" 和 "m",分别用于指定全局匹配、区分大小写的匹配和多行匹配直接量语法: /pattern/attributes 创建RegExp 对象语法: new RegExp...