- 博客(27)
- 收藏
- 关注
转载 触屏手指滑动计算演示
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>触屏手指滑动计算演示</title></head><body style="font-size:32px;"><div style="width:100%"><h2>触屏手指滑动方向计算演示</h2><div id
2016-07-13 16:30:00 791
转载 触屏手指滑动计算演示
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>触屏手指滑动计算演示</title></head><body style="font-size:32px;"><div style="width:100%"><h2>触屏手指滑动方向计算演示</h2><div id
2016-07-13 16:29:54 1345
原创 CSS3嵌套立方体旋转
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> html{ background: linear-gradient( yellow 0%,#000 80%); height: 100%;
2016-07-12 11:26:01 1170
转载 jQuery进行图片预先加载
/** **将图片加载到内存中,在页面任何位置引用的时候,直接从缓存中读取,提升用户的体验,提高网站的流畅度。****/<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="
2016-07-11 21:33:36 2136 1
原创 代码优化
/** for循环中进行代码优化**/优化前:for(var i = 0; i < my_array.length; i++){}//分析每次循环都要计算数组的长度,影响执行效率。优化后:var length = my_array.length;for(var i = 0; i < length; i++){}//分析将数组的长度在循环之前进行赋值,对此循环只进行一次长度的计
2016-07-11 20:39:37 272
原创 $().each和$.each()的区别
$().each 多用在处理DOM元素上,处理数组和CheckBox组件,为当前元素执行each中传递的回调函数。 $.each() 可以循环对象var obj = { one:1, two:2, three:3, four:4};$.each(obj, function(key, val) {alert(obj[key]);});
2016-07-11 20:25:04 256
原创 在GET传参数中获取地址栏中传递的参数
/*** 在GET传参数中获取地址栏中传递的参数 name=location.href;**/function getUrlParam(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg);
2016-07-11 20:15:33 418
原创 在GET传参数中获取地址栏中传递的参数
/*** 在GET传参数中获取地址栏中传递的参数 name=location.href;**/function getUrlParam(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg);
2016-07-11 20:15:26 3000
翻译 按照首先字母进行元素排序
<!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-Ty
2016-07-11 20:06:27 953
转载 使用jQuery对List排序
<!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-Ty
2016-07-11 17:06:51 4362
原创 文章标题
$(window).scroll(function(){ //关联window的onscroll事件 if((($(window).scrollTop()+$(window).height())+250)>=$(document).height()){ //进行Ajax数据请求 }});
2016-07-11 16:36:13 180
转载 鼠标悬停图片放大提示效果
<!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-Ty
2016-07-11 16:02:53 5835
转载 文章标题
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><script src="../jquery/jquery-1.9.1.min.js"></script><script> $(document).ready(function(){ $('#
2016-07-11 15:02:37 200
原创 查看页面加载时间
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><script> function PageLoadTime(){ var start_time=new Date(); va
2016-07-11 14:51:09 1751
原创 双击禁止选中文本
//双击禁止选中文本var clearSelection=function(){ if(document.selection&&document.selection.empty){ document.selection.empty(); }else if(window.getSelection){ var sel=wi
2016-07-11 14:48:44 1067
原创 jQuery实时监听输入框字符变化的方法
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><script src="../jquery/jquery-1.9.1.min.js"></script><script type="text/javascript">$(function(){
2016-07-11 14:27:54 1024
转载 限制文本框输入字数
jQuery.fn.maxLength=function(max){ return this.each(function(){ var type = this.tagName.toLowerCase(); var inputType = this.type? this.type.toLowerCase() : null;
2016-07-11 11:40:58 416
转载 文本闪烁函数
/** Obj 需要传入动画的对象 cssname 传入闪烁期间的class样式 times 闪烁执行的时间 **/ function textFlash(obj,cssName,times){ var i=0,t=false,o=obj.attr("class")+" ",c="",times=times||2
2016-07-11 10:57:14 615
原创 正则表达式
邮箱验证if(/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test($(this).val())){ //Success}
2016-07-11 10:51:58 52
翻译 charCount.js实现输入文字限制
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><script src="../jquery/jquery-1.8.3.min.js"></script><script src="js/js.charCount.com/charCount.js"><
2016-07-11 10:44:55 1536
转载 screenX clientX pageX的区别
screenX:鼠标位置相对于用户屏幕水平偏移量,而screenY也就是垂直方向的,此时的参照点也就是原点是屏幕的左上角。 clientX:跟screenX相比就是将参照点改成了浏览器内容区域的左上角,该参照点会随之滚动条的移动而移动。 pageX:参照点也是浏览器内容区域的左上角,但它不会随着滚动条而变动
2016-07-11 10:23:17 354
转载 删除文本中的换行符
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <script type="text/javascript"> function strReplace(str){ document.form.ou
2016-07-10 22:10:04 2664
原创 点击按钮打开多个窗口
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>点击按钮打开多个窗口</title></head><body> <input type="button" value="Click" onclick="Openurls()"/> <script> functi
2016-07-10 22:02:24 1740
转载 input file 读取文件内容
<!DOCTYPE html><html lang="en"><head> <title></title> <script src="js/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> if(typeof FileReade
2016-07-06 10:03:51 8488
转载 input file 上传文件后显示出来
<!DOCTYPE html><html lang="en"><head> <title></title> <script src="js/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $
2016-07-06 10:02:18 6911 2
原创 初始化56个名族下拉选框
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>demo</title> <meta name="format-detection" content="telphone=no, email=no"/></head><body> <select name="" id="sel
2016-07-05 16:52:00 732
原创 html5多文件上传
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>demo</title> <meta name="format-detection" content="telphone=no, email=no"/></head><body> <input type="file" id="
2016-07-05 10:41:08 311
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人