Welcome 微信登录

首页 / 脚本样式 / JavaScript

DOM事件阶段以及事件捕获与事件冒泡先后执行顺序(图文详解)

DOM事件阶段以及事件捕获与事件冒泡先后执行顺序(图文详解)

俗话说的好,好记性不如个烂笔头,这么多技术文章如果不去吃透,技术点很快就容易忘掉,下面是小编平时浏览的技术文章,整理的笔记,分享给大家。开发过程中我们都希望使用别人成熟的框架,因为站在巨人的肩膀上会使得我们开发的效率大幅度提升。不过,我们也应该、必须了解其基本原理。比如DOM事件,jquery框架帮我们为我们封装和抽象了各浏览器的差异行为,为事件处理带来了极大的便利。不过浏览器逐步走向统一和标准化,我们可以更加安全地使用官方规范的接口。因为只有获得众多开发...
JS实现可调整倒计时间代码分享

JS实现可调整倒计时间代码分享

这是一款基于javascript实现可调整倒计时间的代码,我们可以手动调整倒计时间,可以精确到“天、时、分、秒”,而且样式布局也很新颖。先上运行效果图:效果演示 源码下载为大家分享的可调整倒计时间的JS代码如下(浏览器中如果不能正常运行,可以尝试切换浏览模式)。<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>...
JS实现下拉菜单赋值到文本框的方法

JS实现下拉菜单赋值到文本框的方法

本文实例讲述了JS实现下拉菜单赋值到文本框的方法。分享给大家供大家参考。具体如下:这里演示下拉菜单和文本框构建的介绍栏,将Select框中的值定位到INPUT文本输入框中,是下拉框赋值到文本框的实例,上网时候貌似经常见的功能,只是不知如何形容,或许叫做联动吧。运行效果如下图所示:在线演示地址如下:http://demo.jb51.net/js/2015/js-select-to-input-val-codes/具体代码如下:<html><...
使用CamanJS在Web页面上处理图像的技巧

使用CamanJS在Web页面上处理图像的技巧

你可能会想问既然CSS已经有现成的功能可以支持基础的图像操作了,为什么我们还会想要为此使用一个像这样的 JavaScript 库呢。好吧,除了有浏览器的支持,使用 CamanJS 有许多的好处。它为我们操作图像提供了更多的过滤器和选项。你可以在你的图像中创建高级过滤器,进而控制其中的每一个像素。你可以使用其内置的混合模式和图层系统。而它也能让你进行图像的跨域操作,并可以对操作产生的图像进行保存。现在,就让我们来开始探索 CamanJS 所提供的特性吧!引入...
javascript 使用for循环时该注意的问题-附问题总结

javascript 使用for循环时该注意的问题-附问题总结

如果您希望一遍又一遍地运行相同的代码,并且每次的值都不同,那么使用循环是很方便的。很多时候我们都用到for循环,而用到for循环部门往往对一个数组进行循环,其中我们很多时候都是这样写的:// 次佳的循环for (var i = 0; i < myarray.length; i++) {// 使用myarray[i]做点什么} 这样的代码虽然没有什么大问题,但是每次循环都会获取一下数组的长度,这回降低你的代码,尤其当myarray不是数组,而是一个H...
js实现简单的联动菜单效果

js实现简单的联动菜单效果

本文实例讲述了js实现简单的联动菜单效果。分享给大家供大家参考。具体如下:这是一个最简单的js联动菜单代码,在DW里可以自动生成,不想在DW里生成的话,把此份代码拷贝下拉修改也可以。网页上常用到一种Select联动菜单。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-select-ld-menu-codes/具体代码如下:<html><head><title>简单的Se...
js实现Form栏显示全格式时间时钟效果代码

js实现Form栏显示全格式时间时钟效果代码

本文实例讲述了js实现Form栏显示全格式时间时钟效果代码。分享给大家供大家参考。具体如下:这里演示的Form栏特效时钟,显示全日期格式的时间日期效果,可显示星期几、几月几号,以往都是直接显示在网页中,而本代码是将时间显示在表单的文本框中,看一下代码就明白了。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-form-input-showtime-codes/具体代码如下:<!DOCTYPE HTML...
jQuery左侧大图右侧小图焦点图幻灯切换代码分享

jQuery左侧大图右侧小图焦点图幻灯切换代码分享

这是一款基于jQuery实现的右侧选项卡焦点图片轮播动画特效源码,每个图片的内容信息可以根据自己的喜好进行隐藏与显示,是一段超酷的焦点图轮播代码。为大家分享的jQuery左侧大图右侧小图焦点图幻灯切换代码如下---------------------源码下载 效果查看-----------------------<head><meta http-equiv="Content-Type" content="text/html; charse...
js实现input框文字动态变换显示效果

js实现input框文字动态变换显示效果

本文实例讲述了js实现input框文字动态变换显示效果。分享给大家供大家参考。具体如下:这里演示js实现INPUT框中的特殊显示效果,一些文字慢慢交替显示,最终显示出完整的文字,需要显示的文字预先保存在数组中,依次调用显示,有意思吧。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-input-txt-rand-show-codes/具体代码如下:<!DOCTYPE html PUBLIC "-//W...
JS实现方向键切换输入框焦点的方法

JS实现方向键切换输入框焦点的方法

本文实例讲述了JS实现方向键切换输入框焦点的方法。分享给大家供大家参考。具体如下:这里实现js方向键控制切换输入框焦点效果,不过无法兼容Firefox。当输入完毕按回车或按方向键可移动焦点至想要输入的文本框内,无需点击鼠标,对于经常录入数据的时候,这种功能可提高输入速度。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-input-cha-focus-style-codes/具体代码如下:<!DOCT...
js实现文本框支持加减运算的方法

js实现文本框支持加减运算的方法

本文实例讲述了js实现文本框支持加减运算的方法。分享给大家供大家参考。具体如下:这是一个网页表单效果,让表单内的文本框支持加减运算,不过你要按正确的运算式输入,要不然它没有那么智能哦,比如输入1+5,文本框旁边会显示计算结果,这要归功于JavaScript的功能。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-math-input-method-codes/具体代码如下:<!DOCTYPE html...
jQuery蓝色风格滑动导航栏代码分享

jQuery蓝色风格滑动导航栏代码分享

这是一款基于jQuery蓝色风格滑动导航栏特效源码,实现滑块跟随鼠标左右滑动,和一般的导航相比很有动感,是一段超酷的导航栏滑动代码。使用方法:1、依次引入 nicenav.css、jQuery脚本库以及 jquery.nicenav.js 文件;2、复制代码到页面中即可。3、可以在代码中的 $.nicenav( )括号中设置滑块的滑动速度。源码下载地址为大家分享的jQuery蓝色风格滑动导航栏代码如下<head><style type="...
JS实现仿新浪微博发布内容为空时提示功能代码

JS实现仿新浪微博发布内容为空时提示功能代码

本文实例讲述了JS实现仿新浪微博发布内容为空时提示功能。分享给大家供大家参考。具体如下:这里使用JavaScript模拟新浪微博的一个功能,在发布微博的内容为空时,文本框提醒用户这里没有输入内容,本功能让人感觉网页很智能,在和你对话一样,很人性化。本特效引用了一个外部了JS封装类,你可下载到本地使用。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-fsina-info-submit-empty-style...
text-align:justify实现文本两端对齐 兼容IE

text-align:justify实现文本两端对齐 兼容IE

对于text-align 我们再熟悉不过了,可是它有个justify属性,平时很少用到,就鲜为人知了。justify是一种文本靠两边布局方式,一般应用于书刊杂志排版;合理运用text-align:justify 有时会省去很多开发的时间。要想更好的理解 css, 尤其是 IE 下对 css 的渲染,haslayout 是一个非常有必要彻底弄清楚的概念。大多 IE下的显示错误,就是源于 haslayout。什么是 haslayout ?haslayout 是...
jQuery实现的仿select功能代码

jQuery实现的仿select功能代码

本文实例讲述了jQuery实现的仿select功能。分享给大家供大家参考。具体如下:这里重新再次与大家分享jQuery仿select功能,这个实现起来倒不复杂,就当研究一下jQuey插件的用法啦,还望大家喜欢。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/jquery-fselect-cha-method-codes/具体代码如下:<!dooCTYPE html PUBLIC "-//W3C//DTD ...
js实现当前输入框高亮显示的方法

js实现当前输入框高亮显示的方法

本文实例讲述了js实现当前输入框高亮显示的方法。分享给大家供大家参考。具体如下:这里演示利用JavaScript技术实现的当前输入框高亮显示代码,在很多的网页表单中,当用户鼠标点击文本框的时候,该文本框就会显示高亮状态,提醒用户输入,本例通过JAVAScript代码实现了这样一种效果。运行效果如下图所示:在线演示地址如下:http://demo.jb51.net/js/2015/js-table-input-color-show-codes/具体代码如下:...
<< 1161 1162 1163 1164 1165 1166 1167 1168 1169 1170 >>