Welcome 微信登录

首页 / 脚本样式 / JavaScript

jquery实现模拟百分比进度条渐变效果代码

jquery实现模拟百分比进度条渐变效果代码

本文实例讲述了jquery实现模拟百分比进度条渐变效果代码。分享给大家供大家参考,具体如下:这里为了便于看到加载百分比,对代码进行了处理,实际使用时并不需要这样。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/jquery-mn-bfb-scroll-cha-style-demo/具体代码如下:<html><head><title>jquery模拟百分比进度条</tit...
牛叉的Jquery——Jquery与DOM对象的互相转换及DOM的三种操作

牛叉的Jquery——Jquery与DOM对象的互相转换及DOM的三种操作

只有jQuery对象才能调用jQuery类库的各种函数,同样有些dom对象的属性和方法在jQuery上也是无法调用的,不过基本上jQuery类库提供的函数包含了所有的dom操作。这就需要我们知道如何将jQuery对象和DOM的相互转换的方法。1.jQuery对象就是通过jQuery包装DOM对象后产生的对象。2.jQuery对象和DOM对象的相互转换。良好的书写风格:复制代码 代码如下:var $input=$("input")jQuery获取的对象在变量...
jquery实现的伪分页效果代码

jquery实现的伪分页效果代码

本文实例讲述了jquery实现的伪分页效果代码。分享给大家供大家参考,具体如下:这里介绍的jquery伪分页效果,在火狐下表现完美,IE全系列下有些问题,引入了jQuery1.7.2插件,代码里有丰富的注释,相信对学习jQuery有不小的帮助,期待大家关注。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/jquery-pic-mn-page-style-codes/具体代码如下:<!DOCTYPE htm...
jQuery实现彩带延伸效果的网页加载条loading动画

jQuery实现彩带延伸效果的网页加载条loading动画

本文实例讲述了jQuery实现彩带延伸效果的网页加载条loading动画。分享给大家供大家参考,具体如下:这里介绍的jQuery彩带效果网页加载条动画,我觉得挺有创意的,虽然难度不算大,但能想到用这样一个背景来做Loading加载条,也实属不易,不服气的,你为什么就没有想到这样做呢?本网页加载条效果使用了jQuery插件。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/jquery-n-color-cha-we...
jquery validate demo 基础

jquery validate demo 基础

jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言。下面通过一段代码demo给大家讲解jquery validate ,具体代码如下所示:<!doctype html><ht...
图解JavaScript中的this关键字

图解JavaScript中的this关键字

JavaScript 是一种脚本语言,支持函数式编程、闭包、基于原型的继承等高级功能。JavaScript一开始看起来感觉会很容易入门,但是随着使用的深入,你会发现JavaScript其实很难掌握,有些基本概念让人匪夷所思。其中JavaScript 中的 this 关键字,就是一个比较容易混乱的概念,在不同的场景下,this会化身不同的对象。有一种观点认为,只有正确掌握了 JavaScript 中的 this 关键字,才算是迈入了 JavaScript 这...
异步JS框架的作用以及实现方法

异步JS框架的作用以及实现方法

从异步JS的重要性开始说起,再引入异步js框架,一步步的深入了解异步JS。1.异步JS的重要性随着Web平台地位的提升,霸占着浏览器的JavaScript语言也成为了世界上最流行的语言之一,甚至通过Node.js进入了服务器编程领域。JavaScript的一个重要特性便是“不能阻塞”,这里的“不能”是指“不应该”而不是“无法”的意思(只要提供阻塞的API)。JavaScript是一门单线程语言,因此一旦有某个API阻塞了当前线程,就相当于阻塞了整个程序,所...
js实现跨域的4种实用方法原理分析

js实现跨域的4种实用方法原理分析

什么是js跨域呐?js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同,都被当作是不同的域。要解决跨域的问题,我们可以使用以下几种方法:一、通过jsonp跨域在js中,我们直接用XMLHttpRequest请求不同域上的数据时,是不可以的。但是,在页面上引入不同域上的js脚本文件却是可以的,jsonp正是利用这个特性来实现的...
jQuery实现瀑布流布局详解(PC和移动端)

jQuery实现瀑布流布局详解(PC和移动端)

瀑布流布局已成为当今非常普遍的图片展示方式,无论是PC还是手机等移动设备上。这种布局图片的样式大概分为三种:等高等宽、等宽不等高、等高不等宽,接下来我们就最为普遍的等宽不等高形式来作为示例。我们用百度图片作为范例:这就是PC端比较常见的瀑布流布局方式,接下来我们审查下元素看看百度图片里面是如何布局:可以看到,它里面实际是若干个等宽的列容器,通过计算将图片push到不同的容器里。而本文介绍的展示方法是通过定位的方式,虽然最后布局展示的方式不同,但之前的算法都...
jQuery实现的仿百度分页足迹效果代码

jQuery实现的仿百度分页足迹效果代码

本文实例讲述了jQuery实现的仿百度分页足迹效果代码。分享给大家供大家参考,具体如下:这是一个类似于百度的分页足迹效果,基于jquery,原理就是所有为奇数的足迹元素给不一样的样式而已,其它的非奇数元素就按默认的样式。参数说明:obj为所有奇数元素 even当前所要点击触发事件 bg为足迹元素 active_bg为点击后的足迹背景运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/jquery-f-baidu-p...
自己动手写的javascript前端等待控件

自己动手写的javascript前端等待控件

等待控件在网上搜有好多种,但是都很复杂,不一定用的顺手,再说我的项目是bootstrap的原因,又不敢轻易使用第三方控件,怕不兼容,于是自己动手写了个等待控件,其技术点包括动态加载CSS,javascript的命名空间,所以记录一下。这个等待控件主要是:进行某个操作前,显示一个信息提示:“数据加载中,请稍候。。。”,操作成功后,在回调函数中将提示消失,原理是这个等待控件完全由JS动态加进去,包括CSS,页面中并无预先设定。那么这个CSS怎么动态加载呢?等待...
jQuery实现的个性化返回底部与返回顶部特效代码

jQuery实现的个性化返回底部与返回顶部特效代码

本文实例讲述了jQuery实现的个性化返回底部与返回顶部特效代码。分享给大家供大家参考,具体如下:运用了所学习的jQuery特性,制作了这款效果,该效果集结了返回底部、返回顶部、网站留言导航三种功能,网站留言的链接你可以修改为任意一个您想导航的链接,这个可以灵活运用了。本款效果的亮点在于兼容性和动画效果,以及设计美观的箭头等。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/jquery-back-top-but...
基于jQuery实现的美观星级评论打分组件代码

基于jQuery实现的美观星级评论打分组件代码

本文实例讲述了基于jQuery实现的美观星级评论打分组件代码。分享给大家供大家参考,具体如下:这款jquery星级评论打分组件,是通用打分组件,callBack打分后执行的回调,this.Index:获取当前选中值。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/jquery-rate-dfzj-codes/具体代码如下:<!DOCTYPE HTML><html> <head>...
jQuery密码强度检测插件passwordStrength用法实例分析

jQuery密码强度检测插件passwordStrength用法实例分析

本文实例讲述了jQuery密码强度检测插件passwordStrength用法。分享给大家供大家参考,具体如下:这里赋予密码强度为10个等级(实例中的progressImg1.png是一张包含十个状态的图片),然后通过设置每 个状态的CSS样式来直观地显示当前密码的强度。其中,实现此功能的重点和难点就是通过正则进行判断等级,有兴趣的朋友可以慢慢探究。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/jquery-...
jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码

jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码

本文实例讲述了jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码。分享给大家供大家参考,具体如下:这是一款仿腾讯网QQ空间装扮预览图片的鼠标提示效果,感应鼠标显示图片的介绍信息,当你把鼠标移到图片上的时候,图片的背景会有所变化,并会显示该图片的对应文字内容,是QQ空间使用过的效果。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/jquery-f-qq-zone-pic-view-codes/具体代码如下:...
JS实现带提示的星级评分效果完整实例

JS实现带提示的星级评分效果完整实例

本文实例讲述了JS实现带提示的星级评分效果。分享给大家供大家参考,具体如下:这是一款JS仿淘宝网的星级评分系统,鼠标放在上边可以显示星级代表的评分级别,鼠标点击时会选中当前的星级,目前此功能在网页上十分流行,虽然是仿做的,但已经很不错的功能了,希望大家喜欢!运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-start-level-pf-codes/具体代码如下:<!DOCTYPE html PUBLI...
javascript字符串替换函数如何一次性全部替换掉

javascript字符串替换函数如何一次性全部替换掉

JS字符串替换函数:Replace(“字符串1″, “字符串2″)1.我们都知道JS中字符串替换函数是Replace(“字符串1″, “字符串2″),但是这个函数只能将第一次出现的字符串1替换掉,那么我们如何才能一次性全部替换掉了?<script> var s = "LOVE LIFE ! LOVE JAVA ..."; alert(s); alert(s.replace("LOVE ", "爱")); alert(s.replace(/LOV...
<< 1211 1212 1213 1214 1215 1216 1217 1218 1219 1220 >>