张先森个人博客
学习分享
  • css实现图片轮播
    css实现图片轮播主要是用了keyframes创建动画,然后通过animation来调用动画。下面直接上代码;
    阅读文章>>
  • js实现点击图片轮播
    通过点击左右箭头控制首页图片换播,运用了onclick事件,onmouseover事件,onmouseout事件。建立对应的时间处理函数,if条件语句对元素marginLeft进行判断,而点击控制marginLeft的值,来实现移动。
    阅读文章>>
  • js实现顶部下拉菜单
    这种顶部下拉菜单在网页中用的非常多,非常的实用,可以实现从各个方向划入,节省空间,用户体验也很好。js实现主要运用了DOM操作。
    阅读文章>>
  • 原生js实现iPhoneX下拉偏移
    这次iPhoneX下拉偏移方法是,先用getBoundingClientRect获取每个li标签的位置,将其下高度与刘海块元素上下高度做差值,设置其差值在不同区间使其li的left值发生不同变化。设置其每次当滑动条滑动时调用该函数。
    阅读文章>>
  • js,css实现天猫滑动门菜单
    实现滑动门菜单主要运用了onmouseover和onmouseout事件,先获取所有li标签,再遍历,对应每一li都有一个onmouseover和onmouseout事件,事件发生对应li背景颜色和菜单的display属性的block值和none值,其实但用css,hover属性也可以实现。
    阅读文章>>
  • css,js实现炫酷时钟
    实现主要用了js Date()函数和基本数组,还有for循环,过程中还要注意补零位,和getMonth()获取的月数要加一,若果要添加星期几,则加上getDay就可以获取星期,不过获取的是0123456,一次从周日到周六,最后还要注意兼容性,str[i]获取字符串在IE7下中要使用str.charAt(i)来获取
    阅读文章>>
最近分享
  • css实现图片轮播
    css实现图片轮播主要是用了keyframes创建动画,然后通过animation来调用动画。下面直接上代码;
    阅读原文>>
  • js实现点击图片轮播
    通过点击左右箭头控制首页图片换播,运用了onclick事件,onmouseover事件,onmouseout事件。建立对应的时间处理函数,if条件语句对元素marginLeft进行判断,而点击控制marginLeft的值,来实现移动。
    阅读原文>>
  • js实现顶部下拉菜单
    这种顶部下拉菜单在网页中用的非常多,非常的实用,可以实现从各个方向划入,节省空间,用户体验也很好。js实现主要运用了DOM操作。
    阅读原文>>
  • 原生js实现iPhoneX下拉偏移
    这次iPhoneX下拉偏移方法是,先用getBoundingClientRect获取每个li标签的位置,将其下高度与刘海块元素上下高度做差值,设置其差值在不同区间使其li的left值发生不同变化。设置其每次当滑动条滑动时调用该函数。
    阅读原文>>
  • js,css实现天猫滑动门菜单
    实现滑动门菜单主要运用了onmouseover和onmouseout事件,先获取所有li标签,再遍历,对应每一li都有一个onmouseover和onmouseout事件,事件发生对应li背景颜色和菜单的display属性的block值和none值,其实但用css,hover属性也可以实现。
    阅读原文>>
  • css,js实现炫酷时钟
    实现主要用了js Date()函数和基本数组,还有for循环,过程中还要注意补零位,和getMonth()获取的月数要加一,若果要添加星期几,则加上getDay就可以获取星期,不过获取的是0123456,一次从周日到周六,最后还要注意兼容性,str[i]获取字符串在IE7下中要使用str.charAt(i)来获取
    阅读原文>>
  • 既往不恋,当下不杂,未来不惧
    人生就像一直奋笔疾书的铅笔,开始的时候,笔锋总是很尖,但慢慢的就被磨得圆滑了。尽管,做人少不了圆滑,但凡事物极必反,倘若太过圆滑了,也不好,那就意味着差不多该挨削了。
    阅读原文>>
  • 莫让“走马观花”式调研寒了民众的心
    恪尽职守,夙夜在公”,这是习近平总书记为我们作出的表率。显然,领导干部下基层,是党的群众工作的重要内容,也是党的优良传统的现实体现,还是转变干部作风的必然要求,更是做群众工作、提高服务水平的好路子、好方法。
    阅读原文>>
  • 看淡了是生活,看透了是幸福
    淡看人生,笑看风云。很多事情,不是我们想要遇见,而是被遇见,甚至是强加于人;有些事情,不是看不懂,而是放不下。想通了,气就顺了,看淡了,心就轻盈了。 生活中没有什么是一成不变的,我们就是站着不动,也会被生活的残酷粘上来,往往前面没有了路,还必须选择带伤前进。
    阅读原文>>
  • 看淡了是生活,看透了是幸福
    淡看人生,笑看风云。很多事情,不是我们想要遇见,而是被遇见,甚至是强加于人;有些事情,不是看不懂,而是放不下。想通了,气就顺了,看淡了,心就轻盈了。 生活中没有什么是一成不变的,我们就是站着不动,也会被生活的残酷粘上来,往往前面没有了路,还必须选择带伤前进。
    阅读原文>>
  • 遇见你,是我一世的春暖花开
    人一生总会遇到无数形形色色的人,但是能够走进心里的,一定是志同道合的人。道不同不相为谋,物以类聚,人以群分。 相同脾性,三观相近者,自然言语相融,说话做事分歧就少,一切都显得那么的顺其自然,因此你是一个什么样的人?
    阅读原文>>
  • 春山夜,且听轻风语
    早春屋后的山,在夜幕降临的时候,就像是蒙了一层朦胧神秘的薄纱。几时忙,无止休,常常忘了今夕何夕,也想不起那山脚下暗香袭人的花,曾有个怎样美丽的名字。
    阅读原文>>

关于我

  •  网名:勿忘心安
  •  职业:在校学生
  •  个人微信:DZ-1315
  •  邮箱:987354940@qq.com

点击排行

  • 实习-迈出的第一步
    最近一直没有更新,忙着简历和实习。终于在第一次面试便成功的拿到了offer,刚拿到那会没缓过来,因为第一次面试我心里准备是想着试一试的,还想着失败了不要紧,重要的是不放弃。
  • js实现简单登录验证码
    先是定义验证码长度 再用random()产生随机数,赋值给验证码,第二步是检验验证码,先是获取text里输入的数字,再与验证码相匹对做出判断,以下是代码:
  • 给自己加油打气-前端
    作为已经大三下的我,马上就大四了。就业?还是考研?这是一个问题。心里要说没有焦虑是不可能的事。就业?不知道时候能否找到一个满意的工作。考研,根本不可能。我不是不想考研(而是实属读不下去了),对我个人而言,工作历练两年学到的东西会很多,更实用。
  • 页面自适应实现
    从建站开始到现在,自适应一直是个头疼的问题,因为要考虑,布局,字体等因素。刚开始写代码时全是px什么的,后来测试时发现由于各种设备分辨率的不同,用px的话就把页面大小给定死了,所以改为了百分比。字体的话px,em感觉一样。估计现在的浏览器都很强大了吧,不过像IE9以下的版本兼容性就很差了。做开发一般会选用火狐,谷歌。是很强大的浏览器。
  • js实现导航栏滑动后置顶
    首先用var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;来获取容器高度,分别做两个导航栏,一个absolute,一个是fixed然后更具高度的不用而调用不同的容器,用display属性来实现容器的显示与隐藏
  • 美团简单布局练习
    美团这个页面的布局非常的简洁,主要练习一下滑动门菜单和各种容器的布局,多练练布局能让你在网站开发过程当中能很快的有清晰的思路,也锻炼的逻辑思维。很多时候我们想实现的东西其实都已经学够用了,但一到开发是就容易出现思维短路,不知道从何处开始,这是刚开始做开发需要多加强的。

站长推荐

  • css实现图片轮播
    css实现图片轮播主要是用了keyframes创建动画,然后通过animation来调用动画。下面直接上代码;
  • js实现点击图片轮播
    通过点击左右箭头控制首页图片换播,运用了onclick事件,onmouseover事件,onmouseout事件。建立对应的时间处理函数,if条件语句对元素marginLeft进行判断,而点击控制marginLeft的值,来实现移动。
  • js实现顶部下拉菜单
    这种顶部下拉菜单在网页中用的非常多,非常的实用,可以实现从各个方向划入,节省空间,用户体验也很好。js实现主要运用了DOM操作。
  • 原生js实现iPhoneX下拉偏移
    这次iPhoneX下拉偏移方法是,先用getBoundingClientRect获取每个li标签的位置,将其下高度与刘海块元素上下高度做差值,设置其差值在不同区间使其li的left值发生不同变化。设置其每次当滑动条滑动时调用该函数。
  • js,css实现天猫滑动门菜单
    实现滑动门菜单主要运用了onmouseover和onmouseout事件,先获取所有li标签,再遍历,对应每一li都有一个onmouseover和onmouseout事件,事件发生对应li背景颜色和菜单的display属性的block值和none值,其实但用css,hover属性也可以实现。
  • css,js实现炫酷时钟
    实现主要用了js Date()函数和基本数组,还有for循环,过程中还要注意补零位,和getMonth()获取的月数要加一,若果要添加星期几,则加上getDay就可以获取星期,不过获取的是0123456,一次从周日到周六,最后还要注意兼容性,str[i]获取字符串在IE7下中要使用str.charAt(i)来获取

优秀博客

官方微信