Welcome 微信登录

首页 / 脚本样式 / JavaScript

基于JS如何实现类似QQ好友头像hover时显示资料卡的效果(推荐)

基于JS如何实现类似QQ好友头像hover时显示资料卡的效果(推荐)

一、应用场景鼠标hover弹出div,并且鼠标离开后不能马上隐藏,因为这个div上还有功能入口。比如:鼠标经过好友列表中的好友头像时显示资料卡的效果如下所示:hover时显示二维码二、实现 用如下这样一个简单的效果:鼠标hover到A上显示B来模拟有2种实现方式,推荐第二种,第一种有弊端下面会说。1、方法一原理:把触发元素A和要显示元素B放于同一个父级元素内,鼠标经过父级元素时触发显示B。这样鼠标移动到B时仍然 处于该父级元素内,则div不会隐藏。代码:&...
关于网页中的无缝滚动的js代码

关于网页中的无缝滚动的js代码

随便打开一个网页,基本上都会看到无缝滚动或者轮播图,比如淘宝还有360官网的首页 观察这些轮播图可以发现图片可以来回循环地切换,那么是怎样做到的呢?做到轮播图或者说无缝滚动主要有两种方式,一种是通过对图片的明暗即透明图的改变来显示或隐藏图片,另一种是通过运动框架,将图片显示在可视区域。这两种方式都会用到同一个东西,那就是定时器。JavaScript中的定时器有两种,1.setInterval();2.setTimeout();相对应的关闭定时器也有两种方...
由简入繁实现Jquery树状结构的方法(推荐)

由简入繁实现Jquery树状结构的方法(推荐)

在项目中,我们经常会需要一些树状结构的样式来显示层级结构等,比如下图的样式,之前在学.net的时候可以直接拖个服务端控件过来直接使用非常方便。但是利用Jquery的一些插件,也是可以实现这些效果的,比如说Jquery.treeview.js插件。下面就直入主题,开始从简入繁的分析怎么使用treeview插件,从已知的知识开始轻松入手,让树状结构唾手可得。 显示树状结构的几个实现步骤:一、HTML做初始静态原型。首先通过<ul></ul&g...
老生常谈JavaScript数组的用法

老生常谈JavaScript数组的用法

JavaScript数组简介JavaScript中的数组与其他语言中的数组是不同的,主要体现在:数组中存储的各项可以是不同类型的数据数组的大小是动态变化的,当新增项时或移除项时可以动态的改变大小来容纳当前数据项在JavaScript中创建数组在JavaScript中创建数组有两种方式:其一:调用数组的构造函数var a = new Array(3);//创建一个长度为3的数组var a = new Array(1,2,3)//创建一个数组内容为1,2,3的...
浅谈javascript基础之客户端事件驱动

浅谈javascript基础之客户端事件驱动

我们知道,面向对象发展起来后,“一夜之间”,几乎所有的语言都能基于对象了,JavaScript也是基于对象的语言。用户在浏览器上的行为称作“事件”,之后引发的一系列动作,比如弹窗啦,改变浏览器大小啦,验证啦,balabala,都叫做“事件驱动”。当然,这次我主要介绍几个常常发生的事件。ps:对于js脚本的支持以浏览器而定!!!有的低版本的浏览器可能不支持!!!1.单击事件(onClick)啥叫单击事件呢?当用户单击鼠标按钮是,就会产生单击事件。同时oncl...
javaScript知识点总结(必看篇)

javaScript知识点总结(必看篇)

1、javaScript的概念:是一种表述语言,也是一种基于对象(Object)和事件驱动(EventDriven)的,安全性好的脚本语言,运行在客户端,从而减轻服务器端的负担,总结如下: 1.javaScript主要用来向HTML页面找那个添加交互行为。 2.javaScript是一种脚本语言,语法和java类似。 3.javaScript一般用来编写客户端脚本。 4.javaScript是一种解释性语言,边执行边解释。2、javaScript由核心语法...
<< 1401 1402 1403 1404 1405 1406 1407 1408 1409 1410 >>