![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Js+Html+css
文章平均质量分 69
my_coding2015
如果我也会技术...
展开
-
原生Js回到顶部效果
前言:使用原生js实现简单的回到顶部效果。需求比较明确:1.显示与隐藏按钮。2.中途再次触发onscroll清除定时器(暂时未实现,希望各位赐教)代码:<!-- Time:2016.8.4author:JoelDom操作1.document.getElementById 根据ID获取标签元素2.document.documentElement.scrollTop原创 2016-08-05 13:59:47 · 3722 阅读 · 1 评论 -
原生Js的几种时间效果
前言: 1.这篇博客也要算在样式里面,只是简单的写了一下几种时间的处理方式。比如倒计时,标准时间,倒计时的变种等等。这些样式在各大电商都有应用,算是比较基础是用的部分。 2.在代码构建过程中还是遇到了不少困难,大多是编码习惯造成了。简单的东西也要靠不断的练习才能做到胸有成竹,下面是代码部分,欢迎交流。<!--Time:2016.8.5Autho原创 2016-08-05 16:50:30 · 527 阅读 · 0 评论 -
原生Js无缝滚动效果的简单实现
前言:1.仍然是比较简单的内容,从简单开始慢慢加深自己的js水平。2.无缝滚动,前提条件是子box的高度要大于父box的高度,这样才有必要去滚动,否则直接展示就可以了。3.增添了鼠标移入停止和移出继续滚动的效果。4.在小结部分会总结一些过程中遇到的疑问,还望各位不啬赐教,拜谢。代码如下:<!-- Time:2016.8.5Author:Joel1.html标原创 2016-08-05 23:12:03 · 4271 阅读 · 0 评论 -
js展开菜单效果(一)
前言: 废话不多说了,内容很简单。一个是点击展开效果,一个是展示广告然后定时关闭效果。后续写一个JD的二级菜单展示。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://原创 2016-09-11 16:08:13 · 953 阅读 · 0 评论 -
使用原生Js+Canvas做一个简单的web游戏
前言:这是一个很简单的游戏,通过学习原博文然后进行了一些改造,附上链接。 原文:点击打开链接 其中还是有很多不好的设计思维,比如主角和怪物并不是分开处理,如果后续有其他的改动会比较麻烦。 本篇博文,从头到尾的做一遍,有助于理解游戏的各个流程步骤。 完成截图如下:第一部分:初始化html文件和建立Js文件。资原创 2016-08-09 13:17:48 · 11968 阅读 · 1 评论 -
诡异的间隙inline-block
最近在学习如何制作导航条,并不太喜欢使用float这种方法,因为带来的副作用有点大。毕竟float出现的本意是为了解决文字浮动的效果。所以我选择使用inline-block来让竖直的li列表变成水平状。 所以,问题产生了。<style type="text/css">* { margin: 0; padding: 0; font-size: 14px; }li{ background-co原创 2016-08-14 20:33:56 · 305 阅读 · 0 评论 -
你所不知的css::before和::after
CSS 有两个说不上常用的伪类 :before 和 :after,偶尔会被人用来添加些自定义格式什么的,但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面,里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外,就是接下来要介绍的这两个伪元素了。 一 基本语法 在了解进阶的应用之前,先来了解一下语法规则转载 2016-09-07 09:45:54 · 404 阅读 · 0 评论 -
收集一些关于IE的BUG
收集摘录了一些bug虽然是远古浏览器,还是得注意一下吧…IE6中双边距Bug: 发生场合: 当浮动元素(浮动后默认为block级元素)的浮动方向和margin方向相同时产生。 解决方法: 给浮动元素加上display:inline;CSS属性;或者用padding-left代替margin-left。总之是激发该元素的haslayout即可,通常使用zoom:原创 2016-09-07 14:55:56 · 419 阅读 · 0 评论