夏日博客

jquery实现自动逐字打印效果（像黑客电影一样）

jquery实现自动逐字打印效果（像黑客电影一样）
看过国外有关电脑黑客的电影都看到过这样的场景：黑客高手在电脑前一阵狂敲键盘，电脑屏一串串代码就出来，然后就显示黑客已经黑进系统,已做完该做的事啦。那么电影演员是如何做到这一步的呢？以下是用jq的模拟。 为了在这重现黑客的神奇功力是怎么做到的，我们来解密下这逼真效果的实现方法,代码如下: <div id="autotype">       <p>two_step_auth_com...
2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery实现页面链接新窗口打开方法

jquery实现页面链接新窗口打开方法
我们有时看很多大型门户网站都没有在Ａ标签增加打开新窗口的命令了，分析了一下原因可以使用js来实现了，具体方法小编为各位整理一下 这个方法依托jQuery，如果主题没有引用的话，那么有两个选择： 引用jQuery，然后愉快的使用本功能 不引用，苦逼的修改源代码 好了，字数凑的差不多了，我来贴代码啦！ <script type="text/javascript">   jQuery(document).ready(function(){jQue...
2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery弹出信息插件WebUI Popover使用教程

jQuery弹出信息插件WebUI Popover使用教程
WebUI Popover是一个轻量级的jQuery弹出插件,提高引导弹出和一些很棒的新功能了，下面我们来看一个关于jQuery弹出信息插件WebUI Popover使用教程. WebUI Popover是一个轻量级的jQuery弹出信息插件，配合Bootstrap使用，能制作一些很棒的新功能效果，他的使用可以和Bootstrap结合，但是没有Bootstrap也能使用，依赖jQuery插件版本1.7+以上。 WebUI Popover轻量级的jQuery弹出信息插 兼容性 WebUI Popover能...
2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

Jquery实现导航栏效果代码

Jquery实现导航栏效果代码
导航栏对于我们程序开发的人来讲是非常的常见的事情了，下面小编来给大家介绍Jquery实现导航栏效果代码，希望下文可以帮助到大家． 导航栏相信开发网站的开发者们都是再熟悉不过了，没有任何一个网站可以忽略导航栏而不计。div+css就可以实现导航栏，但是纯css并不能做出一些像Jquery这么友好的动画效果。当然在编程语言飞速发展的今天，css3+html5就可以实现，这里暂且不论。一个漂亮友好的导航栏不仅可以...
2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery显示/隐藏商品菜单程序实例

jquery显示/隐藏商品菜单程序实例
显示/隐藏功能对于jquery来说实现是点击的简单了，我们只需要使用jquery自带的插件就可以实现我们要的功能了，具体的来看一个例子． 在一些电商网站或者是分类信息网站上不难看到他们的导航都是显示一些大分类，在点击进入子页面的时候，又分成了很多小的分类，通常在这些小的分类下面还会显示点击查看更多品牌/隐藏品牌的功能。看起来很友好，又高大上。其实制作这么一个效果并不难，简单的几行Jquery代码...
2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery表单验证控件:Form-Validate例子

jquery表单验证控件:Form-Validate例子
Validate是一个非常强大的jquery表单验证控件了，我们可以利用它来帮助我们在用户注册或一些数据填写时进行校验了，下面一起来看jquery表单验证控件:Form-Validate使用教程吧，希望下文可以帮助到大家． 在做登录注册模块的时候, 我们需要要求用户按照我们的规则进行信息的填写, 如果直接在填写完成之后提交的时候验证这些信息的话, 对于用户来说不得不说是一个比较烂的体验, form-validate控件是一个超强...
2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery的isPlainObject检查是不是对象例子

jquery的isPlainObject检查是不是对象例子
以前介绍过判断数据的函数，但没讲过检查是不是对象了，如果我们要检查一个对象是否存在要如何做呢？下面一起来看看jquery的isPlainObject用法． 对象一词经常在日常生活中使用，在js中对象{}也是很常用，于是得有个“检查是不是对象”的方法吧，然后jquery提供isPlainObject方法。。。 //jquery1.11.2   isPlainObject: function( obj ) {      ...
2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery 文本框失去焦点获取当前文本框的值及隐藏域的值

jquery 文本框失去焦点获取当前文本框的值及隐藏域的值
下面来看一个简单的jquery 文本框失去焦点获取当前文本框的值及隐藏域的值例子，这个例子虽然用到不多但一般会用于ajax中下面来看一个简单例子． 本人的js水平有些差劲，弄了一个文本框失去焦点并获取相应隐藏域的值就弄了3分钟，嗨..对于那些js、jquery 的大神们表示崇高的敬意。在此把实现的代码贴出来给不知道的codefans看一下，适用于循环列表，动态更改排列顺序，大神就飘过吧。 html代码 <scri...
2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery 实现删除文章提示是否删除

jquery 实现删除文章提示是否删除
我们在做后台数据管理时删除数据都会有一个提示确认删除框，这个是友好提示并且也是防止用户不小心点击了删除按钮了，下面一起来看一个jquery 实现删除文章提示是否删除例子． 为了更好的用户体验，当用户在删除文章的时候给出一个提醒的功能，提示他是否删除这篇文章。具体实现代码如下： html代码： <a link="{:U('Athlete/del/',array('uid'=>$vo['id']))}" href="javascript:void(0...
2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

基于jQuery插件的页面功能介绍引导页示例

基于jQuery插件的页面功能介绍引导页示例
引导页是很多大公司在做出的产品或公司是我们初次进入都会有一个引导页告诉我们来如何操作了，下面小编来为各位介绍这个引导页实现方法．新产品上线或是改版升级，我们会在用户第一次使用产品时建立一个使用向导，引导用户如何使用产品，如使用演示的方式逐一介绍界面上的功能模块，从而提升了用户体验和产品的亲和力。 之前也有相关文章介绍:《构建一个用于产品介绍的WEB应用》，相信对有需要的朋友有帮助...
2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery美化select自定义下拉框样式示例

jquery美化select自定义下拉框样式示例
美化select一直是美工们要做的一个工作了，系统自带的select对于现代的设置来讲是非常的难看了，下面小编来为各位介绍一个jquery美化select自定义下拉框样式示例 select默认的样式的确太丑了，不得不让web前端开发人员费工夫来美化它，在网上搜了一个美化的效果，看起来还不错，收集起来已被后用，需要的可以直接拿去。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ...
2016年01月08日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

AngularJS表单操作几个例子(表单提交,表单编辑默认值)

AngularJS表单操作几个例子(表单提交,表单编辑默认值)
听同事讲AngularJS比jquery还要强大一些于时就开始了AngularJS学习工作，但在学习AngularJS中发现对于表单提交与表单默认值都不会搞，下面来看看几个关于AngularJS Form的案例吧。 模仿着我要搞了个AngularJS Form，但是问题来了。。。。 发现初始化时候ng-model 跟 input 标签里的 value 不默契，冲突。。 后来想再AngularJS controller 里预先赋值 $scope.formData = {‘name':’张三’}; 可以通过php程序把...
2016年01月08日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

总结jQuery中first-child、nth-child、last-child选择器用法实例

总结jQuery中first-child、nth-child、last-child选择器用法实例
本文我们一起来讨论一下first-child、nth-child、last-child三个选择器的用法，他们的作用分别是匹配父元素的第一个子元素，匹配其父元素下的第N个子或奇偶元素，匹配父元素的最后一个子元素。 jQuery中:first-child选择器用法实例 此选择器能够匹配父元素的第一个子元素。 语法结构: $(":first-child") 此选择器一般也要和其他选择器配合使用，比如类选择器、元素选择器等等。例如: $("ul li:first-child"...
2016年01月08日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

DOM对象和jQuery对象的转换与区别

DOM对象和jQuery对象的转换与区别
本文我们来简单介绍一下jQuery，DOM对象及DOM对象和jQuery对象的转换与区别，希望对初学jQuery的朋友有所帮助。 jQuery介绍 DOM对象和jQuery对象的转换与区别 jQuery Hello World程序 <script type=“text/javascript” src=“xxx//jquery-x.y.z.js">   引入jQuery.存在两个版本,jquery-x.y.z.min.js是精简压缩版,不带min的是开发版,代码中的注释和缩进等都被保留了. 注意路径...
2016年01月08日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery表单验证插件jqBootstrapValidation使用示例

jQuery表单验证插件jqBootstrapValidation使用示例
jqBootstrapValidation是一个bootstrap表单的jQuery验证插件了，与以往的验证插件有一些区别了，下面小编为各位介绍一下插件的用法。 jqBootstrapValidation是一个bootstrap框架样式表单的jQuery验证插件，他能够验证基本的表单字段类型，比如电子邮箱格式、纯数字、纯子母、字段是否为空等，依赖于bootstrap框架的表单样式和Jquery JavaScript框架查找和编辑HTML标签。 jqBootstrapValidation是一个bootst...
2016年01月08日 前端设计 暂无评论 喜欢 1 阅读 0 views 次 阅读全文

jquery使用each方法遍历元素的例子

jquery使用each方法遍历元素的例子
遍历元素在jquery中会用到each方法了，如果各位对于这个方法不理解可以参考本文章的一些例子。 each()方法能使DOM循环结构简洁，不容易出错。each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, JSON 等等 在javaScript开发过程中使用$each可以大大的减轻我们的工作量。 下面提一下each的几种常用的用法 each处理一维数组,代码如下: var arr1 = [&n...
2016年01月08日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery自定义插件 让你再牛B的说我会jQuery插件

jquery自定义插件 让你再牛B的说我会jQuery插件
自定义插件就是自己作jquery插件了，这个我们其实很容易做到的，因为自定义插件对于jquery来讲非常的简单它自带了extend方法，下面来看一些例子。 一:导言 有些WEB开发者，会引用一个JQuery类库，然后在网页上写一写$("#")，$(".")，写了几年就对别人说非常熟悉JQuery。我曾经也是这样的人，直到有一次公司里的技术交流，我才改变了自己对自己的看法。 二:普及JQuery知识 知识1:用JQuery写插件时，最核心的...
2016年01月08日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

用jquery动态添加的元素事件失效如何解决

用jquery动态添加的元素事件失效如何解决
本文分享一个jquery问题的解决方法：就是用jquery动态添加的元素时，绑定事件后发现失效，后来用on方法解决脚本动态添加元素。 今天在写JQUERY时遇到个问题：当使用脚本动态添加元素xxx时，但事件$(".x .y").click(function)...失效问题。 刚开始网上找到了用live函数，方法如下： 事件绑定：$(".x .y").click(function) 需改为： $(".x .y").live('click',function); 但是由于1.8版本后live这种方法不再支...
2016年01月08日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery Mockjax插件模拟Ajax请求实例教程

jQuery Mockjax插件模拟Ajax请求实例教程
jQuery Mockjax插件提供了简单并且极其灵活的接口来模拟Ajax的请求和回应，现在我们来简单讲一下jQuery Mockjax插件模拟Ajax请求实例 在实际的开发过程中，前端后台协商好了统一的接口,就各自开始自己的任务了,这时候我有这么一个 Ajax 请求需要从后台获取数据,代码如下: $.ajax({     url: '/products/'   }).done(function(res) {     $...
2016年01月08日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery网页下雪特效插件实例

jquery网页下雪特效插件实例
年底为了体现过年的气氛，很多网页会做各种喜气的特效，现在我们来学习一下jquery网页下雪特效插件，这样你的网页也可以有冬天的年味了。 又到了年底，从圣诞节开始，可以发现各大网站的活动是越来越多，都变的银装素裹，本人由于业务需求也需要做这么一个效果，所以就通过google大神找了一下相关资源，结果就出现了N种雪花效果的方式。种类繁多，最后找到了本文看到的这种效果，原作者写的可以说已经满足...
2016年01月08日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文