YauCheun

摘要： 今天说说使用jQuery获取元素大小的遇到几种情况 使用jQuery获取元素的宽度或高度的有几种情况： 1.使用width()，它只能获取当前元素的内容的宽度； 2.使用innerWidth(),它只能获取当前元素的内容的宽度+padding； 3.使用outerWidth(),它只能获取当前元素的 阅读全文

摘要： less： Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node 或浏览器端。 安装： 第一步： less需要运行在node.js的环境下，所以需要先安装node.js（ 阅读全文

摘要： 一、Jquery简介 Jquery是一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ，它兼容CSS3，还兼容各种浏览器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 Jquery应用到我们的项目中能够使程序员从设计和书写繁杂的J 阅读全文

摘要： 原生JS-旋转木马 今天写一个原生JS写的旋转木马JS效果。 实现原理： 1.建立一个数组给每一张图片写对应的z-index，opacity，top，width； 2.实现旋转的操作是把建造的数组里面的第一组值放到最后一组，点下按钮就执行一次。 显示效果图： html布局： css样式： JS部分： 阅读全文

摘要： js-完整轮播图 今天写一个完整的轮播图，首先它需要实现三个功能：1.鼠标放在小圆点上实现轮播。2.点击焦点按钮实现轮播。3.无缝自动轮播。 轮播图的原理： 一系列的大小相等的图片平铺，利用CSS布局只显示一张图片，其余隐藏。通过计算偏移量（封装一个动画函数）自动播放，或通过手动点击事件切换图片。 阅读全文