Welcome 微信登录

首页 / 脚本样式 / JavaScript

jQuery实现连续动画效果实例分析

jQuery实现连续动画效果实例分析

本文实例讲述了jQuery实现连续动画效果的方法。分享给大家供大家参考。具体如下:这里介绍jQuery实现一连串的连续动画效果,将这些动画运用先设置好,然后在jQuery的作用下完成一个接一个的动画,这在网页游戏编写中是个基础但重要的动画生成技巧,对于前台设计来说也是有必要掌握的。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/jquery-lx-animate-style-demo/具体代码如下:<!D...
JS实现黑色风格的网页TAB选项卡效果代码

JS实现黑色风格的网页TAB选项卡效果代码

本文实例讲述了JS实现黑色风格的网页TAB选项卡效果代码。分享给大家供大家参考。具体如下:这是一款网页TAB选项卡JS代码,黑色超酷的风格,看了后你会喜欢的,很熟悉很经典的风格,似曾相识的感觉,希望大家喜欢。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-black-style-web-tab-demo/具体代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML ...
jQuery往返城市和日期查询实例讲解

jQuery往返城市和日期查询实例讲解

大多旅游网站上都提供了一个城市和日期输入查询的功能。用户在输入框中只需输入城市的拼音或者简称就可以即时查询到相关城市的名称,选择日期时则是出现两个月的日历控件,只需点选日期即可,整个操作简捷明了。本文用到了jquery ui库的datepicker插件来控制日历以及输入城市提示的插件。XHTML<div class="qline"> <label for="arrcity">出发城市:</label><input ...
jQuery+PHP实现可编辑表格字段内容并实时保存

jQuery+PHP实现可编辑表格字段内容并实时保存

本例适用场景:当查看详细资料,如用户详情信息,发现其中某几个字段信息需要修改,可直接点击该字段内容进行修改,节约了用户时间,(传统的做法是进入一个编辑页面,列出所有编辑的字段信息,即使你只需要编辑其中一两个字段内容,然后点击提交)提高了WEB响应速度,从而提高了前端用户体验。本例依赖jquery库,并基于插件,具有以下特点:实时编辑,后台实时响应,并即时完成局部刷新。可自定义输入表单类型,目前jeditable提供text,select,textarea类...
不依赖Flash和任何JS库实现文本复制与剪切附源码下载

不依赖Flash和任何JS库实现文本复制与剪切附源码下载

效果图如下:我们在网页上放置一个复制按钮,主要用来方便用户复制链接之类的复杂文本,以往的做法是,通过JS依靠Flash,甚至借助jQuery庞大的js库来实现文本复制到剪贴板的。今天我要给大家介绍的是一款极现代的,不需要flash,不依赖任何其他js库的非常小的插件,它叫clipboard.js。查看演示 下载源码HTML首先加载本地clipboard.js文件。复制代码 代码如下:<script src="clipboard.min.js">...
PHP+MySQL+jQuery随意拖动层并即时保存拖动位置实例讲解

PHP+MySQL+jQuery随意拖动层并即时保存拖动位置实例讲解

想拖动页面上的层,完全可以用jQuery ui的Draggable方法来实现,那如何将拖动后层的位置保存下来呢?本文将给出答案。本文讲解了如何采用PHP+MySQL+jQuery,实现随意拖动层并即时保存拖动位置。本文原理就是通过拖动将拖动后层的相对位置left,top和z-index三个参数更新到数据表中对应的记录,页面通过CSS解析每个层不同的位置。请看具体实现步骤。准备MySQL数据表首先需要准备一张表notes,用来记录层的内容,背景色和坐标等信息...
chrome浏览器当表单自动填充时如何去除浏览器自动添加的默认样式

chrome浏览器当表单自动填充时如何去除浏览器自动添加的默认样式

一、发现该问题的原因-是在写账号登录页面时,input表单添加了背景图片,当自动填充,搓搓的一坨淡黄色背景出来。这个原因是我草率的直接设置在input元素里面,结果问题就来了。所以如果把这个图标放在input表单外面,就不会出现这个问题。二、表单自动填充会添加浏览器默认样式怎么处理和避免第二张图,就是表单自动填充后,chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性input:-webkit-autofil...
页面内容排序插件jSort使用方法

页面内容排序插件jSort使用方法

当页面列表内容很多的时候,我们可能需要将内容按照某个方式进行排序,比如按照字母或者大小等排序。本文将使用排序插件jSort来对页面内容进行排序。jSort插件可以对页面任何内容进行排序(tables, lists, div elements),跨浏览器兼容且非常轻巧。运行效果图:XHTML首先在head部分引入jquery库和jSort插件。<script type="text/javascript" src="http://ajax.googlea...
clipboard.js无需Flash无需依赖任何JS库实现文本复制与剪切

clipboard.js无需Flash无需依赖任何JS库实现文本复制与剪切

我们在网页上放置一个复制按钮,主要用来方便用户复制链接之类的复杂文本,以往的做法是,通过JS依靠Flash,甚至借助jQuery庞大的js库来实现文本复制到剪贴板的。今天我要给大家介绍的是一款极现代的,不需要flash,不依赖任何其他js库的非常小的插件,它叫clipboard.js。运行效果图:HTML首先加载本地clipboard.js文件。<script src="clipboard.min.js"></script> 然后就...
JS实现的车标图片提示效果代码

JS实现的车标图片提示效果代码

本文实例讲述了JS实现的车标图片提示效果。分享给大家供大家参考。具体如下:这是一款基于JavaScript的鼠标提示效果,名车车标展示提示效果-鼠标移过时显示车标图片,页面打开后并不显示车标,只有当鼠标移在车标上的时候,车标才突然出现,类似Js提示特效,本代码兼容性也写的不错,代码也并不复杂,大部分是调用图片的。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-car-ico-alert-style-dem...
表单验证插件Validation应用的实例讲解

表单验证插件Validation应用的实例讲解

jquery.Validation是一款优秀的jquery插件,它能对客户端表单进行验证,并且提供了许多可以定制的属性和方法,良好的扩展性。现在结合实际情况,我把项目中经常要用到的验证整理成一个实例DEMO,本文就是通过讲解这个实例来理解Validation的应用。本实例涉及到的验证有:用户名:长度、字符验证,重复性ajax验证(是否已存在)。密码:长度验证,重复输入密码验证。邮件:邮件地址验证。固定电话:中国大陆固定电话号码验证。手机号:中国大陆手机号码...
JavaScript实现的浮动层框架用法实例分析

JavaScript实现的浮动层框架用法实例分析

本文实例讲述了JavaScript实现的浮动层框架用法。分享给大家供大家参考。具体如下:这是一个JavaScript编写的浮动层框架,作为框架来说,骨干已经完成了。可以实现“类”、“构造函数”、“继承”(木有实现多继承)、“静态方法”、“重载”(木有实现多态),对我来说主要的意义就是,我喜欢这种代码风格,可以非常简单的重用和二次开发。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-float-win-fr...
JS实现漂亮的窗口拖拽效果(可改变大小、最大化、最小化、关闭)

JS实现漂亮的窗口拖拽效果(可改变大小、最大化、最小化、关闭)

本文实例讲述了JS实现漂亮的窗口拖拽效果。分享给大家供大家参考。具体如下:这是一款漂亮的JS窗口拖拽效果(改变大小/最小化/最大化/还原/关闭)特点:① 窗口可以拖动;② 窗口可以通过八个方向改变大小;③ 窗口可以最小化、最大化、还原、关闭;④ 限制窗口最小宽度/高度。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-win-drug-cha-close-demo/具体代码如下:<!DOCTYPE h...
JS+DIV+CSS排版布局实现美观的选项卡效果

JS+DIV+CSS排版布局实现美观的选项卡效果

本文实例讲述了JS+DIV+CSS排版布局实现美观的选项卡效果。分享给大家供大家参考。具体如下:这是一个基于JavaScript的简单选项卡代码,陪新手练习一下Div+CSS排版的技巧,本选项卡可以继续美化修饰完善,选项卡在目前在众多网站上应用广泛,确实是一个很不错的网页布局方法。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-div-css-pbbj-nav-demo/具体代码如下:<!DOCTY...
jQuery实现仿新浪微博浮动的消息提示框(可智能定位)

jQuery实现仿新浪微博浮动的消息提示框(可智能定位)

本文实例讲述了jQuery实现仿新浪微博浮动的消息提示框。分享给大家供大家参考。具体如下:这是一款jQuery实现的仿新浪微博新消息提示框效果,支持智能浮动定位框,新浪微博用来提示消息时候的智能定位框,可以适时关闭窗口,你完全可以将其应用到你网页的其它地方。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-f-sina-weibo-info-dlg-demo/具体代码如下:<!DOCTYPE html...
Javascript函数式编程简单介绍

Javascript函数式编程简单介绍

几十年来,函数式编程一直是计算机科学狂热者的至爱,由于数学的纯洁性和谜一般的本质, 它被埋藏在计算机实验室,只有数据学家和有希望获得博士学位的人士使用。但是现在,它正经历一场复兴, 这要感谢一些现代语言比如Python,Julia,Ruby,Clojure以及——但不是最后一个——Javascript。你是说Javascript?这个WEB脚本语言?没错!Javascript已经被证明是一项长期以来都没有消失的重要的技术。这主要是由于它扩展的一些框架和库而...
Javascript函数式编程语言

Javascript函数式编程语言

函数式编程语言函数式编程语言是那些方便于使用函数式编程范式的语言。简单来说,如果具备函数式编程所需的特征, 它就可以被称为函数式语言。在多数情况下,编程的风格实际上决定了一个程序是否是函数式的。是什么让一个语言具有函数式特征?函数式编程无法用C语言来实现。函数式编程也无法用Java来实现(不包括那些通过大量变通手段实现的近似函数式编程)。 这些语言不包含支持函数式编程的结构。他们是纯面向对象的、严格非函数式的语言。同时,纯函数语言也无法使用面向对象编程,比...
<< 1191 1192 1193 1194 1195 1196 1197 1198 1199 1200 >>