Welcome 微信登录

首页 / 脚本样式 / JavaScript

jQuery制作圣诞主题页面 更像是爱情影集

jQuery制作圣诞主题页面 更像是爱情影集

今天制作的是有飘雪效果的圣诞主题页面,个人灰常喜欢。首先还是放张效果图:当看到这这页面的时候我们要注意四点:1.图片的轮播2.文字的滚动效果3.音乐播放4.飘雪效果那我们就一点一点来完成吧,Go,Go!对于上次分享的有人说我讲的不够细致,那在这篇文章我就细致一点。(1)准备工作首先新建css,img,js,file这四个文件夹并新建demo.css,轮播图片,demo.js,一首歌放在对应文件夹,新建demo.html,并在demo.css中加入如下代码:...
新入门node.js必须要知道的概念(必看篇)

新入门node.js必须要知道的概念(必看篇)

一、对于一个刚入门node.js的朋友来说,一定要了解一些基础概念:今年我正式进入社会后,发现自己所知道的IT方面的知识,真的只是牛毛,原来人外有人,山外有山,还需要继续努力。下面是一些我的自学习心得,发出来和大家一起分享:web的开发原理:1、C/S模式(客户端/服务器)比如:QQ、微信等要先下载客户端的软件都可以称为c/s模式,它是有专门的客户端程序。2、B/S模式(浏览器/服务器)比如:网页游戏。它的优点是:不需要下载客户端应用。缺点是:浏览器本身,...
基于js中的原型、继承的一些想法

基于js中的原型、继承的一些想法

最近看到一个别人写的js类库,突然对js中的原型及继承产生了一些想法,之前也看过其中的一些内容,但是总不是很清晰,这几天利用空闲时间,对这块理解了一下,感觉还是有不通之处,思路上没那么条理,仅作为分享,一、instanceof在JavaScript有instanceof运算符,是二元运算符,使用方法 instanceA instanceof A,返回值是布尔值(boolean),含义是判断instanceA是否是A的一个实例,其实质是判断A.prototy...
jQuery+HTML5+CSS3制作支持响应式布局时间轴插件

jQuery+HTML5+CSS3制作支持响应式布局时间轴插件

jQuery时间轴插件效果图预览 (图一)(图二)附注说明:图一是浏览器宽度像素大于560px下的展示效果,图二是在浏览器宽度像素小于560px下的展现效果。使用的是CSS3的Media Query(媒体查询)实现的效果。另外页面中圆形、圆角和三角同样使用了CSS3的特殊样式。这些基础的样式和效果在本文中不会赘述,不了解的童鞋可以上网搜索学习一下,很简单。页面上每个时间节点的展示内容提供了三种展示样式,多张图片的展示风格、单张图片的展示风格和无图片的展示风...
最棒的Angular2表格控件

最棒的Angular2表格控件

现在市面上有大量的JavaScript数据表格控件,包括开源的第三方的和自产自销的。可以说Wijmo的Flexgrid是目前适应Angular 2的最好的表格控件。Angular 2数据表格基本要求: 更小、更快、更熟悉。为了使用Angular 2表格,首先你需要了解表格的基本要求。FlexGrid开始于1996年,当时使用C++为Visual Basic编写的控件。多年来,它不断进化并在多个平台得到完善,尤其是JavaScript平台。FlexGrid ...
Three.js学习之网格

Three.js学习之网格

前言 小编之前发布过关于几何形状和材质,相信大家看过学习之后,我们就能使用他们来创建物体了。最常用的一种物体就是网格(Mesh),网格是由顶点、边、面等组成的物体;其他物体包括线段(Line)、骨骼(Bone)、粒子系统(ParticleSystem)等。创建物体需要指定几何形状和材质,其中,几何形状决定了物体的顶点位置等信息,材质决定了物体的颜色、纹理等信息。1.创建网格 在前几篇中,我们学习了如何创建几何形状与材质,而网格的创建非常简单,只要把几何...
JS控制静态页面传递参数并获取参数应用

JS控制静态页面传递参数并获取参数应用

在项目中遇到这也一个问题:有a.html和b.html。1.a页面已经打开,b页面尚未打开,我希望在a页面设置好一些列参数,比如背景色,宽度等参数,传递给b页面,好让b页面在打开就能应用。2.a页面已经打开,b页面无论是否打开。在a页面需要获取到b页面的一些元素甚至变量,以便于应用到a页面。注意:不涉及跨域问题。想了很久,终于想到了解决方案。第一个问题,我们可以利用html页面锚点的特性,将参数通过url传递给b页面这是a页面代码:<button&g...
封装的dialog插件 基于bootstrap模态对话框的简单扩展

封装的dialog插件 基于bootstrap模态对话框的简单扩展

在使用bootstrap 模态对话框时需要在页面写对话框html,如果一个页面有许多地方需要对话框,那意味着需要写多个,感觉很麻烦,平时不太习惯bootstrap 模态对话框这种方式,所以做了个简单封装及扩展,增加了自定义标题,宽度和高度,并根据宽高居中显示。默认属性:id:"modal",//弹窗idtitle:"dialog",//弹窗标题width:"600",//弹窗宽度,暂时不支持%height:"500",//弹窗高度,不支持%backdrop...
浅谈JS中的bind方法与函数柯里化

浅谈JS中的bind方法与函数柯里化

绑定函数bind()最简单的用法是创建一个函数,使这个函数不论怎么调用都有同样的this值。不同于call和apply只是单纯地设置this的值后传参,它还会将所有传入bind()方法中的实参(第一个参数之后的参数)与this一起绑定。关于这个特性看《JS权威指南》原文的例子:var sum = function(x,y) { return x + y }; var succ = sum.bind(null, 1); //让this指向null,其后的实参...
JS控制静态页面之间传递参数获取参数并应用的简单实例

JS控制静态页面之间传递参数获取参数并应用的简单实例

在项目中遇到这也一个问题:有a.html和b.html。1.a页面已经打开,b页面尚未打开,我希望在a页面设置好一些列参数,比如背景色,宽度等参数,传递给b页面,好让b页面在打开就能应用。2.a页面已经打开,b页面无论是否打开。在a页面需要获取到b页面的一些元素甚至变量,以便于应用到a页面。注意:不涉及跨域问题。想了很久,终于想到了解决方案。第一个问题,我们可以利用html页面锚点的特性,将参数通过url传递给b页面这是a页面代码:<button&g...
<< 141 142 143 144 145 146 147 148 149 150 >>