Welcome 微信登录

首页 / 脚本样式 / JavaScript

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

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

2017年02月06日 11 阅读
本文实例讲述了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的三种操作

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

jquery实现的伪分页效果代码

2017年02月06日 11 阅读
本文实例讲述了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动画

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

jquery validate demo 基础

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

图解JavaScript中的this关键字

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

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

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

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

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

jQuery实现瀑布流布局详解（PC和移动端）

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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