js
不仅是记忆
从事web开发...希望和有梦想的人一起交流...
展开
-
js计算类型转换
计算类型转换 //加号 字符串连接符 getElementById onreadystatechange var res = 100 + '100'; var res = 100+100+'100'; var res = 100+'100'+100; var res = 200 - '100'; var res = 100*'2原创 2016-06-27 10:44:09 · 277 阅读 · 0 评论 -
onchange事件
onchange事件 请选择 var p = document.getElementById('p');//city城市 var c = document.getElementById('c');//city城市 var pros = ['河北省','河南省','山东省','山西省'];原创 2016-06-27 16:34:20 · 527 阅读 · 0 评论 -
form元素值的操作获得和丧失焦点事件
form元素值的操作获得和丧失焦点事件 邮箱: 用户名:请输入8~18位字母数字下划线 //获取元素 var user = document.getElementById('username'); //获取元素的值 // var v = user.value; //值的设置 // user.value = '三拉原创 2016-06-27 16:35:37 · 569 阅读 · 0 评论 -
键盘移动div样例
键盘移动div *{margin:0px;padding:0px;} #move{width:200px;height:200px;background:orange;font-family:microsoft yahei;position:absolute;top:200px;} var step = 10;原创 2016-06-27 16:37:16 · 375 阅读 · 0 评论 -
键盘事件
键盘事件 //获取元素 var user = document.getElementById('username'); //绑定事件 user.onkeydown = function(){//on当...时候 key按键 console.log('down'); //阻止元素默认行为原创 2016-06-27 16:38:30 · 394 阅读 · 0 评论 -
鼠标拖动div移动
鼠标拖动div移动 *{margin:0px;padding:0px;} #move{width:200px;height:200px;background:orange;font-family:microsoft yahei;position:absolute;top:200px;left:400px;} var原创 2016-06-27 16:39:31 · 1543 阅读 · 0 评论 -
鼠标按下和鼠标抬起事件
鼠标按下和鼠标抬起 *{margin:0px;padding:0px;} #move{width:300px;height:300px;background:pink;font-family:microsoft yahei;position:absolute;top:200px;left:400px;} var m原创 2016-06-27 16:40:45 · 18743 阅读 · 2 评论 -
事件的冒泡
事件的冒泡 div{position:absolute;left:50px;top:50px;} #five{width:500px;height:500px;background:orange;border-radius:50%;} #four{width:400px;height:400px;background:cyan;border原创 2016-06-27 16:42:09 · 529 阅读 · 0 评论 -
鼠标移动事件
鼠标移动事件 *{margin:0px;padding:0px;} #move{width:100px;height:100px;background:orange;font-family:microsoft yahei;position:absolute;} 当期鼠标位置X:100Y:200 //获取元素原创 2016-06-27 16:43:22 · 496 阅读 · 0 评论 -
事件思维导图
原创 2016-06-27 16:33:17 · 2372 阅读 · 0 评论 -
放大镜(商品浏览)
一般大家在浏览商城的时候都会有放大镜,下面是一个简单的样例分享给大家图例: 放大镜 *{margin:0px;padding:0px;list-style:none;} #small{width:400px;height:400px;position:absolute;left:200px;to原创 2016-06-27 16:29:54 · 352 阅读 · 0 评论 -
原声js思维导图
原创 2016-06-27 10:48:29 · 506 阅读 · 0 评论 -
jquery中去重复排序(函数: $.grep() join() sort() )
var str = '12345678543'; var array = str.split ("");//分割为数组console.log (array);//去除数组中重复的项 function uniQueue(array){ var arr=[]; var m;原创 2016-06-27 11:01:28 · 808 阅读 · 0 评论 -
jquery广告滚动框
广告滚动框 *{margin:0px;padding:0px;} #ad{width:150px;height:150px;background:orange;position:absolute;border-radius:50%;} var stepX = 3;//广告移动步进 var step原创 2016-06-27 11:07:13 · 491 阅读 · 0 评论 -
使用jquery实现的按需加载
图片的延迟加载最常见的是只加载网页显示在屏幕中的图片,如果用户没有滚动到网页靠下的部分,那图片就不用显示了,节省HTTP请求和带宽,同时提高首屏的加载速度,提高用户体验。不会的童鞋拿去研究研究 按需加载 *{list-style:none;} li{width:300px;height:250px;border:solid 1原创 2016-06-27 11:08:02 · 1819 阅读 · 0 评论 -
简单的ajax封装
var $ = { get: function(url,data,func){ //创建对象 var x = new XMLHttpRequest(); // x.onreadystatechange = function(){ if(x.readyState== 4 && x.status==200)原创 2016-06-27 11:11:14 · 309 阅读 · 0 评论 -
jquery常用的操作思维导图
原创 2016-06-27 11:12:42 · 1762 阅读 · 0 评论 -
图表Highcharts属性
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> Highcharts Demo var chart; $(转载 2016-06-27 11:16:45 · 1382 阅读 · 0 评论 -
js正则事例
正则事例 ///用户的邮箱进行验证 78798798798@163.com lkajflka@qq.com lajfkla@gmail.com djaklfj@lampbrother.net // var str = "787987akldjflk a98798@163.com"; // var reg = /^\w+@\w+\.(com|cn|n原创 2016-06-27 16:28:08 · 756 阅读 · 0 评论 -
js时间对象
时间对象 2015-08-31 11:13:14 var i = 0; //是一个函数 两个参数 功能是每过一段事件就执行一次匿名函数中的代码 // setInterval(function(){ // console.log(i++); // }, 1000);//时间单位为毫秒 //获取元素 var t原创 2016-06-27 16:44:46 · 269 阅读 · 0 评论