js实现队列的操作以及对队列中数字的冒泡排序的可视化 (1)封装一个对队列操作的构造函数,可以进行进队列,出队列,获得队列长度,返回该队列的数组形式。 (2)使用正则表达式对input框中的输入字符进行验证,并获得有效的值 (3)使用setInterval()定时器实现可视化的冒泡排序过程,(因为js中没有sleep()函数),使用两个嵌套if语句控制排序过程,外部if语句表示执行次数,内部if语句进行相邻两个数的比较,每两个相邻数字,通过比较,交换完之后,绘制一次图形,j++,然后通过定时器继续执行函数,当一次的相邻数字比较完之后,一个数字冒泡出来,i++,此时内部j=0,继续执行定时器函数,如此反复,直到i=数组的长度,定时器清除掉。
该实例通过给定的数据,进行数据处理,使用日期函数,进行天平均量,周平均量的,月平均量的统计,实现柱形图的显示。实现页面上的一个基本交互功能,用DOM实现一个柱状图图表的显示。
一.实现理论基础: (1)使用定时器setInterval(),完成动画效果;(2)使用json传值,实现多个属性同时动画效果(比如:宽度,高度,透明度等可以一起进行动画效果); (3)使用回调函数,实现链式动画(就是宽度值增大到目的值,然后继续宽度值减小的变化);(4)使用目标值减去初始值除以一个值(比如10),得到每次变化的增
初始样式 1.jpg当鼠标移入到各个网站上,会显示 2.jpg当鼠标移动到更多标签上,显示如下:
Js实现一键分享效果--悬浮框状态.
解决上一篇中遗留的问题,使用左右箭头来控制图片的轮播效果。
轮播图的原理分析与实现学习笔记: (1)将所有图片放在一个父容器div里面,通过display属性来设置图片的出现与隐藏; (2)轮播图分为手动轮播和自动轮播; 手动轮播的重点是每次点击图片下方的小圆圈,获得它的索引号,并让与之对应索引号的图片显示,并且此时的小圆圈为高亮显示; 自动轮播:利用定时器setInterval(),来每隔一定的时间来播放一次图片。 (3)所有的基础知识:dom操作,定时器,事件运用。
拖拽的主要实现思想 分为三步: (1)用户在拖放元素上按下鼠标,拖放开始 login.addEventListener("mousedown",drag,false); (2)用户在拖放元素上移动鼠标,拖放元素在页面中进行拖动 document.addEventListener("mousemove",move,false); (3)用户鼠标一开拖放元素,拖放行为结束 document.addEventListener("mouseup",up,false);
弹窗的实现: (1)先写出一个div,弹出窗的样式,然后使用display样式进行隐藏; (2)当点击登录时,弹出窗口,这时display样式变为block (3)遮罩层的实现,使用一个div,让它占据整个屏幕,刚开始时隐藏,当点击登录时,遮罩层的display样式变为block,只是设计时,让遮罩层的z-index的值,小于弹窗的Z-index值,确保弹窗在屏幕的最上层。 (4)弹窗位置的实现中,还使用了document.documentElement.clientHeight,document.documentElement.clientWidth,来实现随着屏幕大小的变化,使弹框始终位于屏幕的中间位置。
js实现二级菜单,三级菜单
分别通过js和css3实现鼠标点击下划线的移动。
表单是一个包含表单元素的区域。表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。表单使用表单标签(<form>)定义。 一.获取表单元素 (1)添加Id,使用getElementById()方法 (2)通过document.forms可以取得页面中的所有的表单,获得是一个集合,可以通过数值索引或name值来取得特定的表单。 例如:var firstForm=document.forms[0];//取得页面中的第一个表单 Var myform=document.forms[“form2”];//取得页面中名称为“form2”的表单。 二.提交表单 用户单击提交按钮(type设置为“submit”)或图像按钮(type设置为“image”),就会提交表单。如果表单里,没有提交按钮,按回车键不会提交表单。 通过这种方式提交表单时,浏览器会在请求发送给服务器之前触发submit事件,这样我们就有机会验证表单数据 三.表单字段 <input
本文通过练习与总结,学习到了怎么使用js和jquery来实现回车响应,并且学习到阻止表单的默认行为。使用return false;或者通过event.preventDefaule()或window.event.returnValue=false的方式阻止表单的提交,以及在表单中回车响应的几种浏览器默认行为
在学习js操作时,使用原生js还有jquery实现提示框的弹出。
一,简单版 <body> <header> <img src="img/2.jpg" alt="" style="width:200px;height:60px;float:left;"> &
Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号