Welcome 微信登录

首页 / 脚本样式 / JavaScript

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

jQuery实现的仿select功能代码

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

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

2017年02月06日 12 阅读
本文实例讲述了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 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图