单纯判断滚动条方向function scroll( fn ) {var beforeScrollTop = document.body.scrollTop,fn = fn || function() {};window.addEventListener("scroll", function() {var afterScrollTop = document.body.scrollTop,delta = afterScrollTop - beforeScrollTop;if( delta === 0 ) return false;fn( delta > 0 ? "down" : "up" );beforeScrollTop = afterScrollTop;}, false); }调用方法:以上方法手机苹果浏览器事件会跳动,解决...
通过each遍历li 可以获得所有li的内容输出每个li值</button> <script>// 1种 通过each遍历li 可以获得所有li的内容$("button").click(function(){ $(".one > li").each(function(){// 打印出所有li的内容console.log($(this).text());})}); </script>通过each遍历li 通过$(this)给每个li加事件<!-- 2种 --><ul class="two"><li>2222</li><li>22b</li><li>3333</li><li>44d</li><li>5555</li></ul> <script>// 2种 通过each遍历li 通...
是否存在指定函数 function isExitsFunction(funcName) {try {if (typeof(eval(funcName)) == "function") {return true;}} catch(e) {}return false; }类似PHP常用的判断函数是否存在,不存在则创建if (typeof String.prototype.endsWith != function) {String.prototype.endsWith = function(suffix) {return this.indexOf(suffix, this.length - suffix.length) !== -1;}; }判断js函数是否存在,如果存在则执行假设funcName为函数...
JS简单判断函数是否存在的方法,涉及javascript函数运行与类型判定相关操作技巧第一段代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test</title> <script type="text/javascript" language="javascript"...
详细介绍rem适配的实例代码; (function(win) {var doc = win.document;var docEl = doc.documentElement;var tid;function refreshRem() {var width = docEl.getBoundingClientRect().width;if (width > 540) { // 最大宽度width = 540;}var rem = width / 6.4;docEl.style.fontSize = rem + px;}win.addEventListener(resize, function() {clearTimeout(tid);tid = setTimeout(refreshRem, 300);}, false);win.addEventListener(p...
格式要求(例):On Friday, July 14, 2017我的思路是用js就可以实现了,具体代码如下: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* ...
其实,javascript计算时间差的方式非常简单,如果是默认的Date()类型,直接相减就是相差的毫秒数。 如果,拿到的不是日期类型,而是"2016-03-28 10:27:00"这种的字符串格式呢,那么就需要先将字符串转换为日期类型。下面就为大家带来一篇js 求时间差的实现代码。var date1=new Date(); //开始时间 var date2=new Date(); //结束时间 var date3=date2.getTime()-date1.getTime() //时间差的毫秒数//计算出相差天数 var days=Ma...
当你想在有限的页面空间内展示多个内容片段的时候,手风琴(Accordion)效果就显得非常有用,它可以帮助你以对用户非常友好的方式实现多个内容片段之间的切换。借助流行的 jQuery 框架,只需很少的代码就可以实现精美的手风琴效果,帮助你的网站吸引更多用户的眼球。这篇文章主要为大家详细介绍了使用jQuery实现简单的手风琴效果,实现手风琴效果如图所示:html结构:<p class="item_box box10"><p class="item_box_wp"><p class="...
验证码(CAPTCHA)是“Completely Automated Public Turing test to tell Computers and Humans Apart”(全自动区分计算机和人类的图灵测试)的缩写,是一种区分用户是计算机还是人的公共全自动程序。可以防止:恶意破解密码、刷票、论坛灌水,有效防止某个黑客对某一个特定注册用户用特定程序暴力破解方式进行不断的登陆尝试,实际上用验证码是现在很多网站通行的方式,我们利用比较简易的方式实现了这个功能。这个问题可以由计算...
在计算机应用中,下拉式选单是选单的一种表现形式。具体表现为:当用户选中一个选项后,该选单会向下延伸出具有其他选项的另一个选单。下拉式选单通常应用于把一些具有相同分类的功能放在同一个下拉式选单中,并把这个下拉式选单置于主选单的一个选项下。下拉菜单内的项目可以据需要设置为多选或单选,可以用来替代一组复选框(设置为多选)或单选框(设置为单选)。这样比复选框组或单选框组的占用位置小,但不如它们直观。本文通...
页面中的输入框默认的提示文字一般使用placeholder属性就可以了,即:<input type="text" name="username" placeholder="请输入用户名" value="" id="username"/>最多加点样式控制下默认文字的颜色input::-webkit-input-placeholder{color:#AAAAAA;}但是在低版本的浏览器却不支持这个placeholder属性,那么真的要在低版本浏览器也要实现跟placeholder一样的效果,就需要写个插件来兼容下,下面就细讲一下怎样用jquery来实现这个模拟...
//运用jQuery写的验证表单<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title></title><script src="js/jquery-1.3.1.js?1.1.11"></script><script src="js/lib/jquery.validate.js?1.1.11"></script><script src="js/lib...
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title></head><body></body><script type="text/javascript">var arr =[1,2,3,4,5,6,7,8,9,0,8,5,5,4,3];//创建一个数组function findInArr(arr,n){//循环数组中的每一项如果它的每一个i项与n相等就返回继续执行for (var i=0;i<arr.length;i++){if (arr[i] == n){return true;}}return false;}function removeDup(arr,s,e){ // 判断这个数组,的开始顺序,和这个数组是...
1.手风琴式导航,既可以适用于移动端也可使用与PC端<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><style type="text/css">*{list-style: none;padding: 0;margin: 0;}ul{display: none;}h3{background-color: blue;width: 100px;height: 30px;text-align: center;line-height: 30px;border: 1px solid chartreuse;margin: 0 auto;}ul>li{background-color: chartreuse;width: 100px;height: 30px;text-align...
css代码:ul#portfolio{margin:0;padding:0;} ul#portfolio li{float: left;margin:0 5px 0 0;width:250px;height: 250px;list-style: none;} ul#portfolio li.loading{background: url(../images/spinner.gif) no-repeat center center;} ul#portfolio li img{width:250px;height: 250px;display: block;}js代码:$(function(){var images=new Array();images[0]=./images/ads_one.jpg;images[1]=./images/ads_two.jpg;images[2]=...