页面回到顶部的三种实现（锚标记，js）

2016年07月27日 5 阅读

本文介绍三款简单的返回页面顶部代码，可以使用简单的HTML（http://www.jb51.net/web/62651.html） 锚标记，也可使用Javascript Scroll （http://www.jb51.net/article/31422.htm） 函数动态返回，其它的还有悬浮脚本等有点复杂了，本文不再介绍，大家根据自己需要选择其中的一种即可，总之简约最美的，能减少代码就减少代码，能不调用的就别调用，要不是天缘博客的文章都是牛长也不会添加这个...

仿新浪微博返回顶部的jquery实现代码

2016年07月27日 5 阅读

一、引言 在web页面中，如果页面较高，为了方便用户快速地返回顶部，都会添加一个返回顶部按钮。 其中淘宝网的是要滚动条的滚动距离大于某一段距离才显示返回顶部按钮；人人网的返回顶部直接在底部的工具条上；新浪微博的返回顶部在滚动高度大于0的时候显示，且返回顶部的效果是平滑动画效果。本文的实现就是类似于新浪微博的这种效果。 二、jQuery下的返回顶部功能 您可以狠狠地点击这里：jQuery下的返回顶部demo 可以看到，如果页面有滚动高度，右下角就会有一个含有...

关于锚点跳转及jQuery下相关操作与插件

2016年07月27日 7 阅读

一、锚点跳转简介 锚点嘛，业余点的解释就是可以让页面定位到某个位置的点。在高度较高的页面中经常见到，例如，百度百科页面，《火影忍者》这个词条，结果就会看到如下的锚点列表：点击其中一个链接，就会跳转到页面的相应位置。这就是锚点的作用之一。锚点还可以用在跳转到其他页面的相应位置，例如我的博客，点击博客首页文章下面的评论链接，则会跳转到文章的评论处。起关键作用的就是链接地址后面跟着的#comments，见下图标示：我知道的实现锚点跳转有两种方式，一种是a标签+n...

Javascript操作cookie的函数代码

2016年07月27日 5 阅读

javascript操作cookie简单版本 复制代码 代码如下: function setCookie（name, value, iDay） { var oDate = new Date（）; oDate.setDate（oDate.getDate（） + iDay）; document.cookie = name+"="+value+";expires="+oDate; } function getCookie（name） { var arr = do...

js自动闭合html标签（自动补全html标记）

2016年07月27日 7 阅读

复制代码 代码如下: <script type="text/javascript"> // Close HTML Tags -------------------------------------------- function closeHTML（str）{ var arrTags=["span","font","b","u","i","h1","h2","h3","h4","h5","h6","p","li","ul","table","...

在jQuery ajax中按钮button和submit的区别分析

2016年07月27日 6 阅读

复制代码 代码如下: <script type="text/javascript"> $（document）.ready（function（）{ $（"#submit"）.click（function（）{ $.post（"sendPwd.php",{QQnum:$（"#QQnum"）.val（）,psw:$（"#psw"）.val（）},function（data）{ $（"#aaa"）.html（data）; },"html"）; }）; ...

jQuery提交表单ajax查询实例代码

2016年07月27日 8 阅读

看一个用jQuery提交表单ajax查询的例子。 基本功能：用户输入一个表单，输入准考证和验证码，验证用户是否输入表单，点击查询提交，然后从服务器得到返回的数据并显示出来。 代码如下： jQuery部分： 复制代码 代码如下: <script language="javascript" type="text/javascript"> $（document）.ready（function（） { $（"#btnSubmit"）.click（fun...

jquery创建并行对象或者合并对象的实现代码

2016年07月27日 5 阅读

核心代码： 复制代码 代码如下: var arr = new Array（）; arr[0] = $（this）.parents（"tr"）[0]; arr[1] = $（this）.parents（"tr"）.next（）[0]; var dom = $（arr）; $（dom）.find（"td.title a"）.hide（）; $（dom）.find（"td.title input"）.show（）; ...

jQuery弹出窗口完整代码（居中,居左,居右）

2016年07月27日 5 阅读

核心代码：复制代码 代码如下://获取窗口的高度 var windowHeight; //获取窗口的宽度 var windowWidth; //获取弹窗的宽度 var popWidth; //获取弹窗高度 var popHeight; function init（）{ windowHeight=$（window）.height（）; windowWidth=$（window）.width（）; popHeight=$（".window"）.height（）...

关于jQuery UI 使用心得及技巧

2016年07月27日 5 阅读

1 jQuery UI 2 为我所用 2.1 Tabs 2.2 Accordion 2.2.1 使用基本的Accordion 2.2.2 实现打开多个标签 2.2.3 Accordion的嵌套 3 给插件应用主题——Theme Roller 3.1 更改配色 3.2 更改图标 4 相关连接 jQuery UI 有时你仅仅是为了实现一个渐变的动画效果而不得不把javascrip 重新学习一遍然后书写大量代码。直到jQu...

jQuery 右下角滑动弹出可关闭重现层完整代码

2016年07月27日 7 阅读

效果图： 完整代码如下： jquery右下角滑动弹出可关闭重现层 博客园 计划 教程 *{ margin:0px; padding:0px;} #jihuaslide{ width:300px; height:200px; border:1px solid #000; position:fixed; bottom:2px; right:2px; display:none; background-color:White;} #jihuasli...

Jquery图形报表插件 jqplot简介及参数详解

2016年07月27日 6 阅读

功能概述： 有多种图表样式可供选择 可以自定义日期轴线 可设置旋转轴文字 自动计算趋势线 工具条提示和高亮数据点 默认最优设置，非常易于使用 以上功能在jqPlot主页中的示例页面有 很多直观的展示。这里是它详细使用文档。 缺点：柱状图无法显示具体数据值。饼状图无法显示具体百分比。 下边是搜集的详细参数配置： 复制代码 代码如下: options = { seriesColors: [ "#4bb2c5", "#c5b47f", "#EAA228", "#...

jQuery插件开发全解析

2016年07月27日 5 阅读

jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数，另一种是对象级别的插件开发，即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。 1、类级别的插件开发 类级别的插件开发最直接的理解就是给jQuery类添加类方法，可以理解为添加静态方法。典型的例子就是$.AJAX（）这个函数，将函数定义于jQuery的命名空间中...

一个日期下拉菜单的js实现代码

2016年07月27日 5 阅读

1.先看效果图： 2.js代码 year_month_day.js 复制代码 代码如下: year_month_day.js function DateSelector（selYear, selMonth, selDay） { this.selYear = selYear; this.selMonth = selMonth; this.selDay = selDay; this.selYear.Group = this; this.selMonth.Gro...

javascript测试题练习代码

2016年07月27日 5 阅读

1、给你一个字符串，要你找出里面出现次数最多的字母和出现的次数，例如：“abaasdffggghhjjkkgfddsssss”； 复制代码 代码如下: var str = "abaasdffggghhjjkkgfddsssss"; var arr = new Array（）; var i = 0; while （str.charAt（0）） { arr[i] = str.charAt（0） + "=" + （str.split（str.charAt（0））...

JavaScript高级程序设计（第3版）学习笔记 概述

2016年07月27日 5 阅读

在JavaScript面世之初，没有人会想到它会被应用的如此广泛，也远比一般人想象中的要复杂强大的多，在我自己学习的过程中，曾经有过多次震撼，只是常常没有过多久，很多美轮美奂的用法就又模糊起来，希望通过对JavaScript高级程序设计（第3版）的专题学习笔记，能够较为系统的将基础知识梳理一次，也能够将自己平常学习与工作过程中遇到的一些美妙用法记录下来，便于自己再次学习，当然，也希望可以给有需要的朋友们一些力所能及的帮助。 相关术语 先简要说一下和Jav...

JavaScript高级程序设计（第3版）学习笔记2 js基础语法

2016年07月27日 6 阅读

这一篇复习一下ECMAScript规范中的基础语法，英文好的朋友可以直接阅读官方文档。JavaScript本质上也是一种类C语言，熟悉C语言的朋友，可以非常轻松的阅读这篇文章，甚至都可以跳过，不过建议你最好还是看一看，在介绍的同时，我可能会引用一些自认为不易理解且比较流行的用法。 基础语法1、标识符：所谓标识符，实际上就是指一个满足一定规范，能够被引擎识别的名字，可以用来表示常量、变量、函数名、函数参数、对象、对象属性等所有可命名对象的名称。（1）区分大小...

JavaScript高级程序设计（第3版）学习笔记3 js简单数据类型

2016年07月27日 5 阅读

ECMAScript是一种动态类型的语言，构建于5种简单数据类型（Undefined、Null、Boolean、Number、String）和一种复杂数据类型（Object）的基础之上。这篇文章就来复习一下简单数据类型，我会尽量从编程实践的角度来描述，下面代码运行环境为FireFox 14.0.1。 简单数据类型简单数据类型取值Undefinedundefined（只有一个值）Nullnull（只有一个值）Booleantrue|false（只有两个值）N...

JavaScript高级程序设计（第3版）学习笔记4 js运算符和操作符

2016年07月27日 8 阅读

在ECMAScript中，有非常丰富的运算符和操作符，在这篇文章中将按通常的分类来稍微整理一下，不过在整理之前，先说明一下： 1、虽然标题是运算符和操作符，然而在我看来并没有多少严格区分的必要，在英文中，貌似也是用一个Operator来表示，所以在下文中我可能会混用。甚至，一些不属于运算符和操作符范畴的，我也整理在这里，只要我觉得必要。2、对于运算符的优先级，你无需一一牢记——我相信你知道最简单的”先乘除，后加减”，至于其它的，如果你不确定，加上括号好了。...

JavaScript高级程序设计（第3版）学习笔记5 js语句

2016年07月27日 6 阅读

砖瓦和水泥都有了，接下来该是砌墙了，在ECMAScript中，语句就是我们需要砌的墙了。语句也和操作符一样，对于有C背景的人来说再自然不过了，下面采用类似的形式整理一下语句的相关知识，重点突出一些ECMAScript中比较特别和个人认为比较有意思的地方，同样，没有强调的但比较基础的语句并非不重要，而是我认为你已经熟悉。 语句一览语句语法简要描述简单语句;语句以分号（;）结束，在不引起歧义的情况下也可以省略分号。语句块{}使用大括号（{}）将一组语句放一起组...