- 博客(33)
- 收藏
- 关注
原创 js 移动端点赞功能
风起 假如我们一路有默契,那时光再长又有什么关系。我喜欢有感觉的文字。写的现实而温暖。带上你的耳机闭上眼睛来静静聆听这篇《就让我们,晚点在一起。然后一辈子。》 2017-04-18 1有用 css 部分.com_bottom .useful{ fl
2017-06-23 20:52:11 1158
原创 js 如何获取元素离浏览器的距离
window.onload = function(){var box = document.getElementById("box")//获取元素距离浏览器的高度alert(box.offsetTop)//获取元素距离浏览器左边的距离alert(box.offsetLeft)}////////////////css/////////////#box{
2017-06-22 09:26:47 2655
原创 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 376
原创 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 409
原创 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 2704
原创 js 遍历对象
var meinv = {// 键名(属性名):键值(属性值)xiongwei:'36D',height:'165cm',yaowei:'2.1尺',voice:function(){alert('很好听');}}// 第一种获取对象属性的方法// alert(meinv.height);// 第二种获取对象属性的方法// alert(meinv['
2017-06-22 09:11:04 465
原创 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 398
原创 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 385
原创 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 777
原创 js 倒三角形
for(var i=0;ifor(var j=10;j>i;j--){document.write("*")}document.write("")}
2017-06-22 09:01:37 8073
原创 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 616
原创 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 324
原创 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 371
原创 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 856 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 2721
原创 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 587
原创 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 404
原创 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 522
原创 js获取二位数组的最大下标
var arr = [['大草原','珠日河','阿尔山','孝庄园'],['唐津运河','李大钊故居'],['鄱阳湖','三清山','景德镇','庐山'],['五台山','云冈石窟','九龙壁','悬空寺','文瀛湖'],['麦积山','黄河水库'],['梵净山','小七孔','茅台镇']];var max =arr[0].length;var xuhao
2017-06-21 10:22:17 1116
原创 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 501
原创 js函数的参数
// function 进宝装修队(材料1,材料2){// 给地板贴上 材料1;// 给墙上刷上 材料2;// }// 进宝装修队(钻石,金粉)// 形参和实参是一一对应// function fun(形参1,形参2,......){// // }// // fun(实参1,实参2,......)// 实例:计算两个数的和func
2017-06-21 10:17:28 240
原创 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 19243
原创 js如何获取元素内容
window.onload = function(){// 抓取元素var box = document.getElementById("box");// 给他绑定单击事件box.onclick = function(){// 获取元素内的所有内容var con= box.innerHTML;// alert(con)// 设置元素内的内容(会把元素内原有的内容全部
2017-06-21 10:11:24 22561
原创 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 339
原创 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 774
原创 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 4259
原创 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 310
原创 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 561
原创 js如何获取元素的宽度和高度
window.onload = function(){var Box =document.getElementById("box")//获取元素的宽度var boxw = box.offsetWidth;//获取元素的高度var boxH = box.offsetHeight;}
2017-06-21 09:47:22 1133
原创 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 318
原创 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 284
原创 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 300
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人