Welcome 微信登录

首页 / 脚本样式 / JavaScript

js仿小米官网图片轮播特效

js仿小米官网图片轮播特效

小米官网给我的感觉是大气、干净。很多特效的加入让人觉得耳目一新,big满满。 看到他们首页的轮播图实现挺有意思,于是自己模仿着写了一个。大致的感觉出来了,贴个图先:通过前端神器chrom的F12观察小米官网的html代码,不难看到他们使用5个div包裹图片并使用了定位通过z-index来控制div层级,通过控制每个div的opacity属性和display属性进行元素的显示、隐藏。截图如下(红框内的opacity属性):好的,实现的手段知道了,那么页面布局...
jQuery视差滚动效果网页实现方法经验总结

jQuery视差滚动效果网页实现方法经验总结

本文总结分析了jQuery视差滚动效果网页实现方法。分享给大家供大家参考,具体如下:首先说两个核心函数,当然是基于jQuery的:1、$(document).scrollTop() ;该函数主要是返回页面当前顶部距离页面顶部的像素值,是一个非负整数。2、$(window).scroll();该事件是监控页面是否滚动,一旦滚动则触发其回调函数。由此两个函数,我们得到下面的代码:$(window).scroll(function() {var top = $(...
JavaScript 对象详细整理总结

JavaScript 对象详细整理总结

Javascript 对象总结:JavaScript对象可以看作是属性的无序集合,每个属性就是一个键值对,可增可删。JavaScript中的所有事物都是对象:字符串、数字、数组、日期,等等。JavaScript对象除了可以保持自有的属性外,还可以从一个称为原型的对象继承属性。对象的方法通常是继承的属性。这种“原型式集成”是JavaScript的的核心特征。1.创建对象第一种:对象直接量表示法创建对象。这是最简单的对象创建方式,对象直接量由若干key:val...
JS框架之vue.js(深入三:组件1)

JS框架之vue.js(深入三:组件1)

这个要单独写,原文是这么描述vue的组件的:组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以是原生 HTML 元素的形式,以 is 特性扩展。这个特性我感觉比较难理解,一步步来,看看组件到底是个什么东西?1.举个栗子//model层:// 通过extend方式定义一个Vue组件var MyCompon...
微信小程序 window_x64环境搭建

微信小程序 window_x64环境搭建

window_x64微信小程序环境搭建所需文件地址如下:http://pan.baidu.com/s/1nv0IHhn(ylk7)1、下载微信开发工具0.7.0_x64安装完成后,打开程序,进行微信扫码登录2、下载微信开发工具0.9.092300_x64注意:版本一定要是0.9.092300,小于这个版本,打开程序会白屏安装(覆盖0.7.0的版本),不要打开程序3、下载破解文件进行如下文件的替换package.nwappdistcomponentscrea...
微信小程序 LOL 英雄介绍开发实例

微信小程序 LOL 英雄介绍开发实例

最近微信小程序炒得火热,就跟成都的这个房价一样.昨天我也尝试了一下,做了一个自己的英雄列表.今天将自己的制作过程记录于此. 1.下载微信开发者工具官网链接:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=1475052055364,下载完成之后默认安装即可 2.新建项目打开微信开发者工具,(首次需要微信扫码登录),如下图所示,点击添加项目,然后依次输入APPI...
CSS3 media queries结合jQuery实现响应式导航

CSS3 media queries结合jQuery实现响应式导航

目的:实现一个响应式导航,当屏幕宽度大于700px时,效果如下:当屏幕宽度小于700px时,导航变成一个小按钮,点击之后有一个菜单慢慢拉下来:思路:1.为了之后在菜单上绑定事件,并且不向DOM中添加多余的节点,在大屏幕中出现的导航和小屏幕中的下拉导航必须是一个。 所以我选择了将导航绝对定位。2.默认导航列表是出现的,当屏幕宽度小于700px时它隐藏,并且设置position,当屏幕宽度大于700px时,它出现。或者,默认导航列表是隐藏的,当屏幕宽度大于70...
Bootstrap3 Grid system原理及应用详解

Bootstrap3 Grid system原理及应用详解

刚开始用Bootstrap的格子系统写布局的时候遇到了这样一个问题:我的页面中有这样一个布局我希望当屏幕的宽度小于他们俩宽度之和的时候,右边的部分会掉下来,他们垂直摆放。而我用col-xs-6的话,右边的盒子永远都不会掉下来。文字就变得这么丑。如果我用col-sm-6的话,右边的盒子又会太早掉下来。此时的屏幕宽度是766px,他就已经堆叠排放了,两边留下了大片空白,还是很丑。而Bootstarp没有提供中间的选项了。想要解决这个问题,必须要弄清楚这种响应式...
<< 1461 1462 1463 1464 1465 1466 1467 1468 1469 1470 >>