WIEN 设计

君子藏器于身,待时而动。

JavaScript

基于jQuery轮播图

By 奥利弗·韦恩 95 0

阅读全文

js内容简介截取_添加展开/收回事件

By 奥利弗·韦恩 134 0

阅读全文

原生js仿APP封面广告

By 奥利弗·韦恩 185 0

阅读全文

页面滚动式触发animate.css动画特效

By 奥利弗·韦恩 315 0

这年头,客户的需求是多种多样,有时候他们希望增加一下动画特效来提升用户体验,吸引用户注意力。 然而除了做一些比较重要的项目以外,我一般情况下很少会单独去做动画效果,毕竟有时候是需要保证工作效率的。 既然从零开始写动画麻烦,那我们是不是可以用一些现成的东西,这里就介绍一下使用wow和animate.css实现滚动触发动画特效。

阅读全文

超简单响应式轮播图

By 奥利弗·韦恩 215 0

这是一个超级简单的响应式轮播图,基于jquery封装的代码,整体下来不到3kb。它最原本在GitHub上放着,不过后来项目被移除,所以在在这里给大家分享一下。

阅读全文

原生JS+CSS动画侧边导航显示/隐藏

By 奥利弗·韦恩 251 0

设计思路:点击按钮,CSS动画,显示侧边导航栏,再次点击,隐藏。1、编写HTML结构与CSS动画2、JS获取点击按钮元素和侧边导航?栏元素。3、给按钮元素添加onclick事件。4、获取侧边导航栏的right的值,使用parsoInt()转换为整数。5、if判断当前侧边栏状态,添加显示或者隐藏类名。

阅读全文

HTML DOM Document 对象

By 奥利弗·韦恩 243 0

HTML DOM 节点。在 HTML DOM (Document Object Model) 中 , 每一个元素都是 节点:文档是一个文档。所有的HTML元素都是元素节点。所有 HTML 属性都是属性节点。文本插入到 HTML 元素是文本节点。are text nodes。注释是注释节点。

阅读全文

原生js简单轮播图

By 奥利弗·韦恩 241 0

刚开始学JavaScript时候很多新手都会尝试写一些简单的小项目,轮播图应该是写的最多的。但是很多时候对于基础不是很好的新手,虽然参照别人的代码能写出来一些轮播图,但其中的一些细节和过程可能还是一知半解甚至不懂,这里为大家介绍一种简单的原生JS轮播图写法。

阅读全文