Welcome 微信登录

首页 / 脚本样式 / JavaScript

jQuery+HTML5实现图片上传前预览效果

jQuery+HTML5实现图片上传前预览效果

2017年02月06日 12 阅读
本文实例讲述了jQuery+HTML5实现图片上传前预览效果。分享给大家供大家参考。具体如下：这里主要是使用HTML5 的File API,建立一個可存取到该file的url，一个空的img标签，ID为img0,把选择的文件显示在img标签中，实现图片预览功能。请选择支持HTML API的浏览器，比如谷歌Chrome和火狐等。运行效果如下图所示：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-html5-pic-u...
jQuery鼠标经过方形图片切换成圆边效果代码分享

jQuery鼠标经过方形图片切换成圆边效果代码分享

2017年02月06日 15 阅读
这是一款基于jQuery鼠标经过方形图片切换成圆边特效代码，点击图片会弹出浮层，用户还可以自定义对应图片的标题与文字说明，适合图片页面的展示，是一款非常实用的图片特效源码。运行效果图：--------------------------------效果演示 源码下载----------------------------------鼠标经过方形图片切换成圆边效果点击图片会弹出浮层为大家分享的jQuery鼠标经过方形图片切换成圆边效果代码如下<head...
JS实现支持多选的遍历下拉列表代码

JS实现支持多选的遍历下拉列表代码

2017年02月06日 12 阅读
本文实例讲述了JS实现支持多选的遍历下拉列表。分享给大家供大家参考。具体如下：这里使用js实现可进行多项选择的下拉列表，鼠标点击上边下拉列表中的任意值，下边列表中就会显示该选中值，按住键盘上的Ctrl键，再次点击上边的列表任意值，可进行多选，多选功能得益于JavaScript的帮忙，在网页上这种应用挺广泛，有必要看一看。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-select-option-cha-c...
遮罩层点击按钮弹出并且具有拖动和关闭效果（两种方法）

遮罩层点击按钮弹出并且具有拖动和关闭效果（两种方法）

2017年02月06日 12 阅读
首先给大家展示演示效果：基于JavaScript的网页弹出层，鼠标按在弹出层的标题栏处，可以拖动该浮动层随意移动位置，不需要时也可以关闭，操作体验舒服，兼容性好，IE/火狐等众多浏览器下运行稳定、反应快速。代码表现方面，简洁务实，不玩虚的，拿去学习也相当不错。js代码示例一：<！DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><title&...
JS实现的Select三级下拉菜单代码

JS实现的Select三级下拉菜单代码

2017年02月06日 15 阅读
本文实例讲述了JS实现的Select三级下拉菜单。分享给大家供大家参考。具体如下：这里使用js实现Select三级下拉菜单，比如全国省市城市选择、数码类产品分类、人才类别选择等，都比较具有代表性，在表单中容易使用Select下拉列表菜单供用户选择，当然，自己用还是需要稍微改动的，比如至少菜单内容要改成自己需要的，其它的好说。运行效果如下图所示：在线演示地址如下：http://demo.jb51.net/js/2015/js-3-select-menu-co...
js实现网页多级级联菜单代码

js实现网页多级级联菜单代码

2017年02月06日 12 阅读
本文实例讲述了js实现网页多级级联菜单。分享给大家供大家参考。具体如下：这是大家在网页上经常会见到的级联菜单特效，不过这一个代码是由JS来实现，将级联菜单中的内容保存在了JS数组中，为了页面美观，本次还美化了一下表格边框，整体看上去更和谐实用了，多级的下拉菜单对网页设计来说比较实用。运行效果如下图所示：在线演示地址如下：http://demo.jb51.net/js/2015/js-table-select-menu-style-codes/具体代码如下：...
jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享

jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享

2017年02月06日 12 阅读
这是一款基于jquery实现的漫天雪花飞舞的圣诞祝福雪花效果代码，雪花的大小可以进行切换，用户还可以更改背景图片，是一款非常实用的幻灯片特效源码。漫天雪花飞舞的jquery圣诞祝福雪花效果，集中不同的效果可以点击选择，请欣赏。效果演示 源码下载（浏览器中如果不能正常运行，可以尝试切换浏览模式或者选择直接下载）为大家分享的漫天雪花飞舞的jquery圣诞祝福雪花效果代码如下<！DOCTYPE html><html><head>...
js实现文字在按钮上滚动的方法

js实现文字在按钮上滚动的方法

2017年02月06日 12 阅读
本文实例讲述了js实现文字在按钮上滚动的方法。分享给大家供大家参考。具体如下：文字在按钮上滚动，以吸引人的注意，点击按钮后跳转到指定的网址，运行本演示代码后，在效果演示区可看到文字在按钮内的滚动效果。按钮的颜色和文字大小都可以重新定义。运行效果如下图所示：在线演示地址如下：http://demo.jb51.net/js/2015/js-txt-scroll-button-style-codes/具体代码如下：<HTML><HEAD>...
js实现鼠标点击文本框自动选中内容的方法

js实现鼠标点击文本框自动选中内容的方法

2017年02月06日 13 阅读
本文实例讲述了js实现鼠标点击文本框自动选中内容的方法。分享给大家供大家参考。具体如下：这里使用JS实现鼠标点击时自动选中文本框文本的效果，相信许多朋友都遇到这种功能的，就是当我们点击文本框的时候，文本框中默认的文字会被全部选中，这样当你输入的时候不用再去选择，省去了一些麻烦，提高了输入效率，用户肯定会喜欢这功能，那么实现的方法是怎么样呢？通过本代码你就搞明白了。先来看看运行效果截图：在线演示地址如下：http://demo.jb51.net/js/201...
js实现按钮颜色渐变动画效果

js实现按钮颜色渐变动画效果

2017年02月06日 12 阅读
本文实例讲述了js实现按钮颜色渐变动画效果的方法。分享给大家供大家参考。具体如下：这里演示js实现按钮慢慢变色的方法，鼠标移到按钮上，按钮的背景色就发生变化，是慢慢的变化，点击按钮会打开指定链接，这里主要是演示按钮变色的代码实现方法。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-button-cha-color-animate-codes/具体代码如下：<HTML><HEAD>&...
纯jquery实现模仿淘宝购物车结算

纯jquery实现模仿淘宝购物车结算

2017年02月06日 12 阅读
这篇文章里，将会提到购物车里的所有功能。包括全选、单选金额改变。在增加数量时金额也会相应改变。效果图展示：说下大致的思路吧：1、首先是计算一行的价格。这个功能在上篇博客里有提到，这里就不列举出来了。2、遍历选中的几行，将每行的数值相加。3、将值赋给总金额显示出来。当取消勾选或加减数量时，金额会相应改变。下面是具体的js部分：<script type="text/javascript">$（function（）{//计算总金额function t...
JS实现的通用表单验证插件完整实例

JS实现的通用表单验证插件完整实例

2017年02月06日 13 阅读
本文实例讲述了JS实现的通用表单验证插件。分享给大家供大家参考。具体如下：这里演示一个通用的JS表单验证插件代码。使用方法：第一步：需设定表单项数据类型，第二步：实例表单验证，验证错误提示说明（程序有自带相关错误提示，可自定义每项验证错误提示时文本，只需添加msg）。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-normal-table-check-plug-codes/具体代码如下：<！DOCT...
nodejs创建web服务器之hello world程序

nodejs创建web服务器之hello world程序

2017年02月06日 12 阅读
Node.js 最主要的应用是服务器序。设计Node.js 的一个主要目的是提供高度可扩展的服务器环境。这是我们在本章开篇介绍过的Node 和V8 引擎有所区别的地方。Node 除了用V8 引擎来解析JavaScript 外，还提供了高度优化的应用库，用来提高服务器效率。比如说，HTTP模块是专为快速非阻塞式HTTP 服务器而用C 重新编写的。让我们看一下Node 采用HTTP 服务器的“Hello World”经典例子复制代码 代码如下:var http...
<< 1161 1162 1163 1164 1165 1166 1167 1168 1169 1170 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图