Mr_boke-CSDN博客

原创 js 移动端点赞功能

风起假如我们一路有默契，那时光再长又有什么关系。我喜欢有感觉的文字。写的现实而温暖。带上你的耳机闭上眼睛来静静聆听这篇《就让我们，晚点在一起。然后一辈子。》 2017-04-18 1有用 css 部分.com_bottom .useful{ fl

2017-06-23 20:52:11 1152

原创 js 如何获取元素离浏览器的距离

window.onload = function(){var box = document.getElementById("box")//获取元素距离浏览器的高度alert(box.offsetTop)//获取元素距离浏览器左边的距离alert(box.offsetLeft)}////////////////css/////////////#box{

2017-06-22 09:26:47 2651

原创 js 事件对象

window.onload = function(){// 抓取元素var box = document.getElementById("box");// 添加点击事件box.onclick = function(e){// document.all判断是否是IE浏览器// if(document.all){//// ie获取事件对象的方法// var e = wi

2017-06-22 09:16:57 372

原创 js 随机数抓蚊子

window.onload = function(){// 抓取元素var img = document.getElementById("img");// 获得可视区域的宽度和高度var width = document.documentElement.clientWidth;var height = document.documentElement.clientHeight;

2017-06-22 09:14:07 403

原创 js用构造函数的方法创建数组

// 先创建数组// var arr = new Array();// 在赋值// arr[0]=1;// arr[1]=2;// document.write(arr)// 创建数组并赋值var arr = new Array(1,25,5,8,9,6);document.write(arr)

2017-06-22 09:11:57 2699

原创 js 遍历对象

var meinv = {// 键名(属性名):键值(属性值)xiongwei:'36D',height:'165cm',yaowei:'2.1尺',voice:function(){alert('很好听');}}// 第一种获取对象属性的方法// alert(meinv.height);// 第二种获取对象属性的方法// alert(meinv['

2017-06-22 09:11:04 459

原创 js 冰河世纪

for(var i=1;ifor(var m=1;mvar c=i*m;document.write(""+m+"*"+i+"="+c+" ")}document.write("")}////////////img/////////////////

2017-06-22 09:08:46 392

原创 js 九九乘法表

for(var i=1;ifor(var m=1;mvar c=i*m;document.write(""+m+"*"+i+"="+c+" ")}document.write("")}

2017-06-22 09:06:35 380

原创 js 金字塔

for(var i=0;ifor(var b=10;b>=i;b--){document.write("*")}for(var b=1;bdocument.write("☆")}document.write("")}

2017-06-22 09:04:08 774

原创 js 倒三角形

for(var i=0;ifor(var j=10;j>i;j--){document.write("*")}document.write("")}

2017-06-22 09:01:37 8052

原创 jquery 获取鼠标位置

$(function(){$('.box').click(function(e){// 获取事件对象var e = e||window.event;// 获得当前点击位置距离浏览器顶部的距离var top = e.pageY;// 获得当前点击位置距离浏览器左侧的距离var left = e.pageX;console.log(top+'|'+left)})

2017-06-22 08:57:13 607

原创 jquery 文字无缝滚动

$(function(){var num=0;setInterval(function(){num++;if(num==4){$('.hezi').css({'top':'0px'});num=1;}$('.hezi').stop().animate({'top':-50*num+'px'},200)},1000)})//////html//

2017-06-22 08:51:38 319

原创 jquery 拖拽效果

$(function(){// 给box添加鼠标按下事件$('.box').mousedown(function(e){// 获取事件对象var e = e||window.event;// 获得起始点鼠标X轴的坐标（浏览器到块鼠标内容之间的距离）var startX = e.pageX;// 获得起始点鼠标Y轴的坐标var startY = e.pag

2017-06-22 08:42:26 364

原创 jquery楼层效果

$(function(){// 为了让他在页面一进来的时候就让定位到我规定位置var l = $('.box').offset().left;$('.lou').css({'left':l-100+'px'});$(window).resize(function(){// 获得box距离左侧的距离var l = $('.box').offset().left;c

2017-06-21 10:30:07 854 1

原创 js复制节点

window.onload = function(){// 抓取元素var box1 = document.getElementById("box1");var h1 = document.getElementById("h1");var box2 = document.getElementById("box2")// 添加点击事件 box1.onclick = fun

2017-06-21 10:26:45 2717

原创 js插入节点

window.onload = function(){// 抓取元素var box = document.getElementById("box");var dage = document.getElementById("dage");box.onclick = function(){// 创建标签// document.createElement('标签名（随便取）');

2017-06-21 10:25:55 581

原创 js创建节点

window.onload = function(){// 抓取元素var box = document.getElementById("box");// 添加点击事件box.onclick = function(){// 创建标签// document.createElement('标签名（随便取）');var h= document.createElement('s

2017-06-21 10:25:12 399

原创 js获取数组最大值

var arr = [1,5,8,5,69,8,5,6,8,56,6,58,8,5];// 假如数组的0号元素是最大的var max = arr[0];for(var a=0;aif(maxmax = arr[a];}}

2017-06-21 10:23:47 512

原创 js获取二位数组的最大下标

var arr = [['大草原','珠日河','阿尔山','孝庄园'],['唐津运河','李大钊故居'],['鄱阳湖','三清山','景德镇','庐山'],['五台山','云冈石窟','九龙壁','悬空寺','文瀛湖'],['麦积山','黄河水库'],['梵净山','小七孔','茅台镇']];var max =arr[0].length;var xuhao

2017-06-21 10:22:17 1107

原创 js隔行变色

document.write("")for(var i=0;iif(i%2){document.write("")}else{document.write("")}for(var a=0;adocument.write("第"+i+"行第"+a+"列")}document.write("")}document.write("")

2017-06-21 10:19:33 499

原创 js函数的参数

// function 进宝装修队(材料1,材料2){// 给地板贴上材料1;// 给墙上刷上材料2;// }// 进宝装修队(钻石,金粉)// 形参和实参是一一对应// function fun(形参1,形参2,......){// // }// // fun(实参1,实参2,......)// 实例:计算两个数的和func

2017-06-21 10:17:28 237

原创 js如何获取可见区域的宽度和高度

// 获得可见区域宽度var width = document.documentElement.clientWidth;// 获得可见区域的高度var height = document.documentElement.clientHeight;alert(height);

2017-06-21 10:14:52 2050

原创 js获得元素文字内容

window.onload = function(){// 抓取元素var box = document.getElementById("box")// 添加点击事件box.onclick = function(){// 获得元素的里的纯文字内容(ie浏览器都可以用)// var con = box.innerText;// 获得非ie里的文字内容// var co

2017-06-21 10:13:31 19230

原创 js如何获取元素内容

window.onload = function(){// 抓取元素var box = document.getElementById("box");// 给他绑定单击事件box.onclick = function(){// 获取元素内的所有内容var con= box.innerHTML;// alert(con)// 设置元素内的内容（会把元素内原有的内容全部

2017-06-21 10:11:24 22551

原创 js运动与变化

window.onload = function(){// 1.抓取元素var box = document.getElementById("box");// 7.为了让我清理定时器和执行的定时器是同一个定时器var timer;// 9.如果我们想让他反复变化var num=1;// 2.给元素添加鼠标移入事件box.onmouseover = funct

2017-06-21 10:10:06 337

原创 js随机数排序

var arr = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30]//// 创建一个for循环用来循环随机数// for(var a=0;a//// 随机数公式// var num = Math.floor(Math.random()*(arr.length-

2017-06-21 10:08:44 760

原创 js如何获取外部css属性

window.onload = function(){var div = document.getElementById("div")//获取外部样式只有（ie浏览器才好使）// var con = div.currentStyle.width;// alert(con)//获取外部css样式（非ie浏览器好使）// var spp = getComputedStyle

2017-06-21 10:06:04 4255

原创 jquery滚动轮播

$(function(){var num=0;var timer =setInterval(add,1000)//定时器函数function add(){num++;if(num==6){$('.dian ul li').eq(0).addClass('active').siblings().removeClass('active')}if(num==7){

2017-06-21 10:01:19 307

原创 js阻止浏览器默认行为

window.onload = function(){var a = document.getElementById("a")//获得事件对象var e =e || window.event;//判断刘篮球if(document.all){//阻止ie浏览器默认行为//阻止a标签跳转和from的表单提交e.returnValue = false;}else{

2017-06-21 09:59:21 559

原创 js如何获取元素的宽度和高度

window.onload = function(){var Box =document.getElementById("box")//获取元素的宽度var boxw = box.offsetWidth;//获取元素的高度var boxH = box.offsetHeight;}

2017-06-21 09:47:22 1129

原创 js漂浮广告

window.onload = function() {var Bnn = document.getElementById("banner")var ch = document.getElementById("cha")//获得可见宽高var width = document.documentElement.clientWidth;var height = document.d

2017-06-21 09:43:54 312

原创 js放大镜效果

window.onload = function(){var Wrap = document.getElementById("wrap")var img = document.getElementById("img")var Wrap1 = document.getElementById("warp1")//抓粉色的框var Bor = document.getElementB

2017-06-21 09:35:48 280

原创 js tab切换

window.onload = function(){// 抓取li元素var Li = document.getElementsByTagName('li')// 抓取content元素var cont =document.getElementsByClassName('content')// 遍历li元素for(var i=0;i// 把li标签的序号值存起

2017-06-21 09:30:34 298

Boke_的博客