Loading...
使用javascript实现的无缝滚动（跑马灯），小编在这里简单描述一下：内容一直滚动，鼠标经过的时候滚动就会暂停。效果示例图：实现代码如下：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title&...
现在有很多的网站在顶部或其他的地方都设置了设为首页和加入收藏，小编试了试有的时候还真可以，不过对浏览器的要求不低，很多浏览器都不支持，在这里小编分享一下自...
Asynchronous Javascript And XML（异步JavaScript和XML）,他并不是凭空出现的新技术,而是对于现有技术的结合:核心是js对象XMLHttpRequest。Ajax的使用一共分为5步1.建立XMLHTTPRequest对象2.注册回调函数当服务器回应我们了,我们想要执行什么逻辑3.使用open方法设置和服务器端交互的基本信息,即：设置提交的网址,数据,p...
获取元素document.getElementsByClassName ('class') 通过类名获取元素，以类数组形式存在。document.quer...
描述：页面动态展示旋转木马的轮播图形式，用户鼠标放在轮播图区域内的时候，显示左右按钮，点击可移动切换图片。当一次切换完成后，才能进行下一次的切换，否则无效。鼠标离开区域后，左右按钮隐藏。注意：小编用的是图片，在这里就不提供给大家了。包括左右的按钮也是图片。示例代码：<!DOCTYPE html> <html lang="en"> <head&...
描述：当用户打开页面的右下角显示一个广告，当用户点击关闭按钮的时候，广告底部先消失，然后整个广告全部消失。如果用户不点击关闭，在页面打开5秒之后，广告也会...
描述：默认状态为几张图片显示最左侧的部分，其余部分处于隐藏的状态。鼠标经过的时候，经过的图片变宽，其余图片全部变窄。由于变窄的速度大于图片变宽的速度。所有最右面的一个图片，在默认状态的时候，显示的要比其他部分少一些。鼠标离开之后，图片回复为原来的样子。示例代码：<!DOCTYPE html> <html lang="en"> <head>...
描述：当用户点击登录的时候，弹出一片区域，中间空白区域与其他区域不同，其他区域为半透明状态。点击透明状态的时候，弹出区域关闭，点击中间区域，无效。技术难点...
冒泡机制（event）当一个元素上的事件被触发的时候，比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡；这个事件从原始元素开始一直冒泡到DOM树的最上层。简言之：子元素事件被触动，父盒子的同样的事件也会被触动。事件传播阶段事件传播的三个阶段是：捕获、冒泡和目标阶段事件捕获阶段：事件从最上一级标签开始往下查找，直到捕获到事件目标(target)。...
事件描述window.onscroll屏幕滑动window.onresize浏览器大小变化window.onload页面加载完毕div.onmousemo...
