javascript简单的滑动效果
利用setInterval实现简单的滑动效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>简单滑动效果</title> ...
学习笔记---Javascript事件Event、IE浏览器下的拖拽效果
学习笔记---Javascript事件Event、IE浏览器下的拖拽效果 1. 关于event常用属性有returnValue(是否允许事件处理继续进行, false为停止继续操作)、srcElement(触发事件的事件源对象)和attachEvent("onclick",function(...
Javascript 广告浮动效果在浏览器中间N秒后移动到右下角
Javascript 广告浮动效果在浏览器中间N秒后移动到右下角闲着无聊做了一个,本人原创...就是这个页面的广告效果....怎么样????刚刚学习的javascript
javascript学习-原生javascript的小特效(改变透明度效果)
前些日子看了个视频所以就模仿它的技术来为大家做出几个简单的JS小特效 ( 以下效果兼容IE5+ IE5-以下没有测试哦)今天为大家演示的效果是一个div,鼠标经过的时候透明度为100%,鼠标移出的时候透明度变为原来的50%。也许大家会问现在这么多流行的JS框架和CSS3的transition配合伪类...
Javascript在ajax提交过程中页面显示加载中,请等待效果,并在提交过程中限制确定按钮防止多次提交,提交完成后,解除提交限制
加载中,请等待div:<div id="load" class="center-in-center" style="display:none;"> <img src="../resources/images/loader.gif" />加载中,请等待...</di...
javascript 正在加载中,请稍后效果实现
/*蒙版*/.loading-mask { width: 100%; height: 100%; position: fixed; top:; left:; right:; bottom:; background-color: #fff; opa...
用JavaScript实现图片剪切效果
学会如何获取鼠标的坐标位置以及监听鼠标的按下、拖动、松开等动作事件,从而实现拖动鼠标来改变图片大小。还可以学习css中的clip属性。一、CSS实现图片不透明及裁剪效果。图片剪切三层结构1、第一层opacity,给图层设置透明度2、第二层clip,clip属性:对图片进行裁剪,实现图像的一部分显示,...
『改进』逐行滚动文字效果的Javascript实现
/* 本程序根据21cn的一个版本改进而来。* 原版本实现的思路是:在一个大小只有一行的层里生成一个表格,然后使用* TABLE的scrollTop来实现逐行滚动。但这个方法只能在IE中正常运行,在Mozzila 就无法滚动。* 改进后使用 IFrame 来代替原来的层,使用BODY的scro...
javascript实现遮罩层动态效果
大家在网页上注册登录的时候,经常会看见弹出的遮罩层。 我这里实现的效果是:点击按钮弹出遮罩层,遮罩层下的内容不可选,并且登录框随着鼠标滚轮的下滑,动态的浮动到页面某个位置,点击某个关闭按钮关闭遮罩层。 这是鼠标滚动下滑到页面中间某部分时画面。虽然界面简单颜色随意,能看出效果才是最重要的哈哈哈哈。 ...
JavaScript怎么实现Google瓦片地图的放缩效果?
放大的时候,窗口内的所有瓦片组合成一张图片,然后分辨率放大,然后再调新图,把放分辨率的图片覆盖掉,这个过程JavaScript怎么实现,有没有人给点意见,先谢谢了!5 个解决方案 #...
javascript动画效果之缓冲动画(修改版)
在编写多块同时触发运动的时候,发现一个BUG,timer = setInterval(show, 30);本来show是一个自定义函数,当设为timer = setInterval(show(one,two), 30);时,发现show里面的参数one和two无法被导入,所以需要做以下代码改进和优化...
【JavaScript】放大镜效果
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>放大镜</title><style type="text/css">*{margin...
[转]创建一个JavaScript弹出DIV窗口层的效果
本文转自:http://www.soso.io/article/23698.html<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Docu...
拖拽系列一、JavaScript实现简单的拖拽效果
前端拖拽相关应用汇总在现实生活中就像男孩子牵着(拖着)女朋友的手穿过马路;从马路的一端走到另一端这种场景很常见;而在前端开发中拖拽效果也算是前端开发中应用最常见、最普遍的特效;其拖拽涉及知识点也是非常广泛;具体体现在如一个轻量级web弹窗层layerui拖拽实现;登录百度帐号页面https:...
javascript 一个页面多个tab选项卡效果
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>javascript 一个页面多个tab选项卡效果</title> <script>var tab=fu...
JavaScript原生实现Tab选项卡各种切换效果
提起tab选项卡,估计做web开发的小伙伴们都不陌生,这个功能也是一个常用功能,今天就带大家一起来实现它。 效果图 一、Tab切换类型 滑过切换 点击切换 延迟切换 自动切换 基本HTML结构: 这里要注意,标签的数量和要切换显示的内容div数目要一致。 CSS这里不做概述...
javascript实现页面滚屏效果
当我们浏览网页的时候,时常会碰到可以滚动屏幕的炫酷网页,今天笔者对这一技术进行简单实现,效果不及读者理想中那般炫酷,主要针对滚屏的技术原理和思想进行分享和分析。本示例在页面右侧有五个数字标签,代表五个页面,点击数字可以切换到对应的页面,滚动鼠标滑轮可以实现数字标签的切换,页面的切换。笔者未对页面的平...
原生JavaScript实现新手引导效果(第二个玩具)
慕课地址https://www.imooc.com/video/169 预览效果: <!DOCTYPE html><html><head> <meta charset="utf-8"...
简单说 JavaScript实现雪花飘落效果
说明 这次实现的雪花飘落的效果很简单,主要是为了练习练习JavaScript中的定时器,setTimeout 和 setInterval。 效果图 解释 setTimeout() setTimeout函数用来指定某个函数或某段代码,在多少毫秒之后执行。它返回一个整数,表示定时器的编...
javascript实现雪花飘落效果
作者:旺仔 圣诞节快到了相信许多公司的前端都在会收到一个需求,那就是做一个关于圣诞节的专题,而这个专题为了应对圣诞节这个主题都会加上雪花飘呀飘这个小动画,当然我们公司也不例外,下面就是本人用js写的一小段雪花秀啦: <!DOCTYPE html><html><...