Javascript原生写法
李嘉杰
在职,努力学习
展开
-
Date 得到日期返回相应内容
var txts=['早上好','中午好','下午好']var p=document.getElementsByTagName('p')[0]var p2=document.getElementsByTagName('p')[1]var date=new Date()var hou=date.getHours()if (houp.innerHTML=txts[0]p2.原创 2017-08-11 21:04:36 · 392 阅读 · 0 评论 -
简单的旋转木马轮播
window.onload=function(){var arrow=document.getElementById("arrow");var wrap=document.getElementById("wrap");var slide=document.getElementById("slide");var lis=slide.children[0].children;var转载 2017-08-13 20:10:58 · 1127 阅读 · 0 评论 -
兼容性获取样式+缓慢停止的运动
var btn = document.getElementById("btn");var box =document.getElementById("box");btn.onclick=function(){move(box,{width:100,height:600,left:600},function(){move(box,{top:30,lef原创 2017-08-13 18:16:49 · 177 阅读 · 0 评论 -
兼容性可视屏幕宽高
function client(){if (window.innerWidth!=null ){return{width:window.innerWidth,height:window.innerHeight}}else if (document.compatMode==="CSS1Compat") {return{width:document.documentEl原创 2017-08-13 17:58:42 · 232 阅读 · 0 评论 -
一个简单的放大镜
var box=document.getElementById("box");var sm=box.children[0];var lg=box.children[1];var mask=sm.children[1];sm.onmouseover=function(){mask.style.display = 'block';lg.style.display = "bloc原创 2017-08-12 21:17:42 · 238 阅读 · 0 评论 -
简单的鼠标单机跟随
var img=document.getElementById("img");var timer=null;var leaderx=0;var leadery=0;var targetx=0;var targety=0;document.onclick=function(event){var event=event||window.event;var pagex=e原创 2017-08-12 20:38:06 · 248 阅读 · 0 评论 -
简单的屏幕滚动切换效果
var ul=document.getElementsByTagName("ul")[0];var li1=ul.getElementsByTagName("li");var ol=document.getElementsByTagName("ol")[0];var li2=ol.getElementsByTagName("li");var timer=null;var lea原创 2017-08-12 18:44:39 · 1173 阅读 · 0 评论 -
获取兼容性的滚动scrollTOP-LEFT值
function scrollTo(){if (window.pageYOffset!=null) {return {left:window.pageXOffset,top:window.pageYOffset}}else if (document.compatMode==="CSS1Compat") {return {left:document.documentE原创 2017-08-12 18:27:34 · 290 阅读 · 0 评论 -
缓慢停止的运动
function slowmove(obj,target) { clearInterval(obj.timer); obj.timer = setInterval(function() { var step = (target - obj.offsetLeft) / 10; step = step原创 2017-08-12 18:21:31 · 343 阅读 · 0 评论 -
简单的左右轮播图
var box =document.getElementById("box");var img=document.getElementById("img");var ctl=document.getElementById("ctl");var ul =img.children[0];var li=ul.children;box.onmouseover=function(){原创 2017-08-12 13:57:06 · 325 阅读 · 0 评论 -
一个简单的Move 轮播图
*{margin: 0;padding: 0;}ul{list-style: none;}#box{width: 490px;height: 170px;margin: 100px auto;border: 1px solid #000;padding: 5px;}#img{width: 490px;height:170px;po转载 2017-08-11 22:01:35 · 283 阅读 · 0 评论 -
简单的倒计时按钮
点击开始倒计时var btn = document.getElementsByTagName('button')[0];var count=10;var timer=null;btn.onclick=function(){clearInterval(timer);this.disabled=true;var _this=this;function redown(原创 2017-08-11 21:35:10 · 168 阅读 · 0 评论 -
CSS3+js 简易时钟
var hour=document.getElementById('hour');var minute=document.getElementById('minute');var second=document.getElementById('second');function clock(){var date =new Date();var currents=date.get原创 2017-08-11 21:25:27 · 289 阅读 · 0 评论 -
关于onbeforeunload这个方法
想做一个关闭或者刷新浏览器提交vuex里面内容的一个功能然后查了一下页面关闭或者刷新监听的事件页面加载onload页面刷新页面关闭 unload()页面刷新或者关闭之前 onbeforeunloadwindow.onbeforeunload=function(){ console.log('ssssssssssssssssssssssssss原创 2018-02-03 19:41:01 · 1631 阅读 · 0 评论