JavaScript资料,JavaScript文章,JavaScript文档-易库教程_www.escdns.com

易网时代-编程资源站

首页 / 脚本样式 / JavaScript

基于jquery实现图片放大功能

基于jquery实现图片放大功能

2017年02月06日 10 阅读

本文实例为大家分享了jquery实现图片放大功能的具体实现代码，供大家参考，具体内容如下图片放大功能类似于淘宝上的商品的查看，如果鼠标移动到小图上就会在相应的位置显示出大图。如果自己写这些代码，会很痛苦。官方网站上提供了一个类库——jquery.jqzoom.js；只需要引入次类库，引用此类库，添加一些css代码即可实现此功能；HTML框架如下：<div class="jqzoom"><img src="images/pro_img/bl...

基于javascript实现图片滑动效果

基于javascript实现图片滑动效果

2017年02月06日 10 阅读

今天看了别人写的图片滑动，看起来很酷，读源码时，似乎有些困难，就模仿着写了一个，实现的效果与原网页相同，不过自己的js代码，逻辑简单，有待改进。ps：前两天写了旋转木马，那个兼容性不好，今天写这个网页的时候，也是按照这个思路，在谷歌浏览器上运行很好，火狐很多功能不能实现，由于wrap——panel使用了绝对定位，就将translate平移改为了left。改动后，各个浏览器运行的效果不错。具体代码如下html代码（没写注释）<div class="co...

基于jquery实现最简单的选项卡切换效果

基于jquery实现最简单的选项卡切换效果

2017年02月06日 11 阅读

这个功能在现在的网站中使用较为普遍，就是以选项卡的形式来对一些内容做了分类。，比如下面的天猫商城。下面的源码是仿照天猫写的一个选项卡，实现起来的效果如下。主要是利用我们在点击相应板块是触发它的单击事件，在单击事件中再对内容显示框（tabbox）进行相应项的显示和隐藏操作。同时利用hover为其添加了鼠标滑过时的效果。代码：<！DOCTYPE html><html lang="en" xmlns="http://www.w3.org/199...

JavaScript希尔排序、快速排序、归并排序算法

JavaScript希尔排序、快速排序、归并排序算法

2017年02月06日 10 阅读

以var a = [4,2,6,3,1,9,5,7,8,0];为例子。1.希尔排序。希尔排序是在插入排序上面做的升级。是先跟距离较远的进行比较的一些方法。function shellsort（arr）{ var i,k,j,len=arr.length,gap = Math.ceil（len/2）,temp; while（gap>0）{ for （var k = 0; k < gap; k++） { var tagArr = []; tagA...

node.js从数据库获取数据

node.js从数据库获取数据

2017年02月06日 11 阅读

本文需要用node.js做一个从Sqlserver获取数据并显示到页面上的小功能，下面就为大家分享：app.js： var sqlbll = require（"./routes/sqlbll"）; ... app.get（"/sqlbll/:ver", function（req, res）{var versionId=req.params.ver;//sqlbll.getData是路由中获取数据的方法，//此处将第二个参数作为回调函数写入。sqlbll.g...

jquery实现左右无缝轮播图

jquery实现左右无缝轮播图

2017年02月06日 10 阅读

本文实例为大家分享了jquery无缝轮播图的实现代码，供大家参考，具体内容如下 <title>无缝轮播图</title><style>*{margin: 0;padding:0; }ul{list-style: none;}.banner{width: 600px;height: 300px;border: 2px solid #ccc;margin: 100px auto;position: relative;over...

jQuery绑定事件的几种实现方式

jQuery绑定事件的几种实现方式

2017年02月06日 10 阅读

本文实例为大家分享了jQuery绑定事件多种实现方法，供大家参考，具体内容如下<html><head><meta charset="utf-8" /><script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script><！--百度CDN--></head><body><input type...

Nodejs获取网络数据并生成Excel表格

Nodejs获取网络数据并生成Excel表格

2017年02月06日 10 阅读

Nodejs的模版中有很多关于Excel表格的，这里我简单介绍一下我使用过的一个模块的使用。首先，先安装Excel的模块:npm install node-xlsx然后，在代码中引入模块：var xlsx = require（"node-xlsx"）;最后，获取数据并写入Excel：var fs = require（"fs"）;var xlsx = require（"node-xlsx"）;var ajax = require（"./ajax.js"）;s...

jQuery代码实现图片墙自动+手动淡入淡出切换效果

jQuery代码实现图片墙自动+手动淡入淡出切换效果

2017年02月06日 10 阅读

相关阅读：Jquery代码实现图片轮播效果（一）在网页上经常可以看到有背景图片可以自动淡入淡入切换的效果，非常漂亮，实用性也非常高。今天小编抽个时间给大家分享基于jquery代码实现图片墙自动+手动淡入淡出切换效果，一起学习吧！先给大家展示效果图，如果大家觉得还不错，请参考具体实现代码。添加一个div（class=container），设置宽度和高度，这里设置了宽800px，高450px。添加居中的定位。在div里面添加一个ul（class="img"）列...

CKEditor无法验证的解决方案（js验证+jQuery Validate验证）

CKEditor无法验证的解决方案（js验证+jQuery Validate验证）

2017年02月06日 10 阅读

最近项目的前端使用了jQuery，表单的前端验证用的是jQuery Validate，用起来很简单方便，一直都很满意的。前段时间，根据需求为表单中的 textarea 类型的元素加上了html富文本编辑器，用的是CKEditor，功能强大，定制方便，也很满意。不过用CKEditor增强过的 textarea 元素，这个字段要求是非空的，在jQuery Validate总是验证不通过，原因就是在 CKEditor 编辑器填写了内容之后，编辑器并不是立即把内容...

Boostrap入门准备之border box

Boostrap入门准备之border box

2017年02月06日 10 阅读

之前在学习Bootstrap的过程中，遇到各种奇葩的坑，如果在学习bootstrap之前，准备工作先做好，就可以或多或少的避开一些坑。下面小编开始给大家介绍border-box这个属性的知识。在Boostrap自带的css文件：boostrap.css中，有这样一段代码：* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 这意味...

jQuery实现三级菜单的代码

jQuery实现三级菜单的代码

2017年02月06日 10 阅读

上周新接手一个网站建设的活儿，其中有需要要jquery代码实现三级菜单的需求，其实说难也不难，下面小编把代码分享给大家，供大家参考。先给大家展示下效果图，如果大家感觉还不错的话，请参考实现代码。HTML代码：<body> <div class="navMenu"> <ul> <li><a href="#">首页</a> <ul> <li><a href="...

基于Jquery插件Uploadify实现实时显示进度条上传图片

基于Jquery插件Uploadify实现实时显示进度条上传图片

2017年02月06日 10 阅读

先了解了解Uploadify，具体内容如下Uploadify是一个简单易用的多文件上传方案。作为一个Jquery插件，Uploadify使用简单，并具有高度的定制性。Uploadify特性：Uploadify简单说来，是基于Jquery的一款文件上传插件。它的功能特色总结如下：1）、支持单文件或多文件上传，可控制并发上传的文件数2）、在服务器端支持各种语言与之配合使用，诸如PHP,.NET,Java……3）、通过参数可配置上传文件类型及大小限制4）、通过参...

MVC+jQuery.Ajax异步实现增删改查和分页

MVC+jQuery.Ajax异步实现增删改查和分页

2017年02月06日 10 阅读

本文实例为大家分享了MVC+jQuery.Ajax异步实现增删改查和分页的具体代码，供大家参考，具体内容如下1、Model层代码using System;using System.Data;using System.Configuration;using System.Linq;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.HtmlCon...

ajax跨域调用webservice的实现代码

ajax跨域调用webservice的实现代码

2017年02月06日 11 阅读

最近ajax访问webservice遇到跨域的问题，网上搜索资料，总结如下（很多都是觉得人家总结不错的复制下来） <<用JSON来传数据，靠JSONP来跨域>> 先上我的已实现代码：前端代码：$.ajax（{ type: "get", url: "http://localhost/Service1.asmx/getElevatorStatusJsonData?jsoncallback=?", dataType...

如何使用AngularJs打造权限管理系统【简易型】

如何使用AngularJs打造权限管理系统【简易型】

2017年02月06日 10 阅读

一、引言本文将介绍如何把AngularJs应用到实际项目中。本篇文章将使用AngularJS来打造一个简易的权限管理系统。下面不多说，直接进入主题。二、整体架构设计介绍首先看下整个项目的架构设计图：从上图可以看出整个项目的一个整体结构，接下来，我来详细介绍了项目的整体架构：采用Asp.net Web API来实现REST 服务。这样的实现方式，已达到后端服务的公用、分别部署和更好地扩展。Web层依赖应用服务接口，并且使用Castle Win...

AngularJS控制器继承自另一控制器

AngularJS控制器继承自另一控制器

2017年02月06日 10 阅读

AngularJS里控制器继承，常用的就是作用域嵌套作用域。默认情况下，当前作用域中无法找到某个属性时，就会在父级作用域中进行查找，若找不到直至查找到$rootScope。但有些情况下，rootScope下就是我们的controller，不可能将大量的公用属性方法写到rootScope里去。比如说有多个类似的页面，都有面包屑，搜索栏，工具栏，表格等元素，面包屑表格这种元素考虑做成directive，那么必然会有许多类似的配置需要从controller传到组...

jQuery代码实现表格中点击相应行变色功能

jQuery代码实现表格中点击相应行变色功能

2017年02月06日 10 阅读

对于一个表格，为了使我们选中的项更容易区分，需要为选中项添加高亮，同时也需要，将其他项的高亮形式去除。类似于：<！DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" /><title></title><link href="css/style.c...

jQuery实现点击按钮文字变成input框点击保存变成文字

jQuery实现点击按钮文字变成input框点击保存变成文字

2017年02月06日 10 阅读

废话不多说，直接给大家贴代码了。具体代码如下所示：<！DOCTYPE html><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta charset="utf-8"> <title>点击按钮文字变成input框，点击保存变成文字</...

jQuery+CSS实现一个侧滑导航菜单代码

jQuery+CSS实现一个侧滑导航菜单代码

2017年02月06日 11 阅读

侧滑菜单在网站设计中应用比较广泛，在许多网站上都可以看到此种类型的菜单。它可以展示重点信息，使其更有可读性和美观性，满足用户体验价值！今天小编给大家展示如何使用jquery和css实现侧滑菜单。效果展示源码下载为了建立导航菜单，让我们先看看html结构：<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Animati...

<< 1351 1352 1353 1354 1355 1356 1357 1358 1359 1360 >>

版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图