Welcome 微信登录

首页 / 脚本样式 / JavaScript

location.hash保存页面状态的技巧

location.hash保存页面状态的技巧

2017年02月06日 10 阅读
hash 属性是一个可读可写的字符串，该字符串是 URL 的锚部分（从 # 号开始的部分）。语法location.hash在我们的项目中，有大量ajax查询表单+结果列表的页面，由于查询结果是ajax返回的，当用户点击列表的某一项进入详情页之后，再点击浏览器回退按钮返回ajax查询页面，这时大家都知道查询页面的表单和结果都回到了默认状态。如果每次返回页面都要重新输入查询条件，或有甚者还得转到列表的第几页，那这种体验用户真的要抓狂了。在我们的项目中，写了一个...
Bootstrap Chart组件使用教程

Bootstrap Chart组件使用教程

2017年02月06日 10 阅读
Bootstrap是由前Twitter设计师Mark Otto和Jacob Thornton开发的前端工具包，其提供了优雅的HTML和CSS规范。Bootstrap不单单是一个框架，更确切的说，它改变了整个游戏规则。该框架使得许多应用和网站的设计开发变得简便许多，而且它将大量的HTML框架普及成了产品。图表组件Chart.js是Bootstrap比较好用的组件之一,与一款收费的组件highchart类似,效果上来看免费与收费的产品相差还是有一点点的，不过功...
JS模仿手机端九宫格登录功能实现代码

JS模仿手机端九宫格登录功能实现代码

2017年02月06日 10 阅读
最近没有项目做，闲来无事写了一个小demo，特此分享到脚本之家平台，供大家参考下，本文写的不好还请各位大侠见谅！ 功能及方法逻辑都注释在代码中。所以麻烦大家直接看代码。 效果如下： 话不多说直接上代码： js部分： 首先我们先画出两个九宫格，一个用于登录和首次设置滑动密码使用，另个用于再次设置滑动密码，用于与第一次输入的滑动密码进行对比，判断两次密码是否一致 第一个九宫格$（"#gesturepwd"）.GesturePasswd（{backgroundC...
jquery实现去除重复字符串的方法小结

jquery实现去除重复字符串的方法小结

2017年02月06日 10 阅读
本文实例总结了jquery实现去除重复字符串的方法。分享给大家供大家参考，具体如下：这里总结了三种去除重复字符串的方法：把例子贴上，用jQuery方便些，首先要搭好环境，就是在同一目录下（同一文件夹下）保证有所使用的jquery1.8.1（如果是其他版本就在html代码中作相应改动）第一：<html><head><script src="jquery-1.8.1.js"></script><SCRIPT...
jQuery事件绑定on（）与弹窗实现代码

jQuery事件绑定on（）与弹窗实现代码

2017年02月06日 11 阅读
页面上经常会有弹窗，有的弹窗是动态生成的，有的弹窗是在页面底部隐藏的，对于动态生成的弹窗，如果要监听弹窗的事件，可以使用jQuery的事件绑定on（）方法实现。如图，弹窗是js动态生成的，通过点击某个链接弹出，弹窗中的“立即去使用”链接点击后，实现的效果是关闭弹窗，并跳转到锚点。这个a标签是：复制代码 代码如下:<a style="display:" title="立即去使用" target="_blank" gid="167" href="http...
非常漂亮的相册集 使用jquery制作相册集

非常漂亮的相册集 使用jquery制作相册集

2017年02月06日 10 阅读
一、简单的图像翻滚image-rollover常被用在交互式导航栏上，当我们的鼠标移动到导航栏时，按钮的外观改变。例如我们以如下几幅黑白缩略图作为导航图表，当鼠标移动到指定图标时，图标变为明亮的彩色图片。预览如下：该页面的代码十分简单，我们以此为例逐步实现图像的翻滚：img-rollover.html<！DOCTYPE html><html><head><meta charset="UTF-8"><ti...
JavaScript String 对象常用方法总结

JavaScript String 对象常用方法总结

2017年02月06日 10 阅读
字符串是不可变的。字符串方法，不会改变原有字符串的内容，而是返回一个新字符串。charAt（）：返回在指定位置的字符。concat（）：连接两个字符串文本，并返回一个新的字符串。indexOf（）:indexOf（） 方法返回指定值在字符串对象中首次出现的位置。match（）:使用正则表达式与字符串相比较。replace（）:被用来在正则表达式和字符串直接比较，然后用新的子串来替换被匹配的子串。slice（）:摘取一个字符串区域，返回一个新的字符串。spl...
onclick和onblur冲突问题的快速解决方法

onclick和onblur冲突问题的快速解决方法

2017年02月06日 10 阅读
新浪首页的搜索框里面有一个使用ajax的下拉框。我们需要实现一个点击下拉框里面的一项，让搜索框里面的值变成这一项，同时下拉框消失的效果，但同时在点击其他地方的时候，这个下拉框也要消失。大致如图：我们同时使用onblur和onclick来使下拉框隐藏，但是更大的问题出现了，这两个功能相冲突，onblur过于强悍，根本没有onclick方法实现的机会，搜索框无法获取点击项的内容。这个就是我们想要解决的onclick和onblur冲突问题。对应这个问题，这里我们...
jquery UI Datepicker时间控件的使用及问题解决

jquery UI Datepicker时间控件的使用及问题解决

2017年02月06日 10 阅读
本文实例为大家分享了jqueryUI中datepicker的使用，解决与asp.net中的UpdatePanel联合使用时的失效问题。1.jqueryUI的datepicker的使用-->首先在jqueryUI官网上根据你的需要下载适合你系统主题的样式，jqueryUI主题：下载地址；-->下载后的文件jquery-ui-1.10.3.custom文件夹；不同的主题的区别在于它们引用的css不同默认下载的样式如下：其它样式比如我下载的样式：下载...
Bootstrap模态对话框的简单使用

Bootstrap模态对话框的简单使用

2017年02月06日 11 阅读
模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。如果您想要单独引用该插件的功能，那么您需要引用 modal.js。或者，正如 Bootstrap 插件概览 一章中所提到，您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。1、用法您可以切换模态框（Modal）插件的隐藏内容：通过 data 属性：在控制器元素（比如按钮或者链...
javascript中利用柯里化函数实现bind方法

javascript中利用柯里化函数实现bind方法

2017年02月06日 11 阅读
柯理化函数思想：一个js预先处理的思想；利用函数执行可以形成一个不销毁的作用域的原理，把需要预先处理的内容都储存在这个不销毁的作用域中，并且返回一个小函数，以后我们执行的都是小函数，在小函数中把之前预先存储的值进行相关的操作处理即可；柯里化函数主要起到预处理的作用；bind方法的作用：把传递进来的callback回调方法中的this预先处理为上下文context;/*** bind方法实现原理1* @param callback [Function] 回调...
浅析Bootstrap缩略图组件与警示框组件

浅析Bootstrap缩略图组件与警示框组件

2017年02月06日 10 阅读
Bootstrap简介Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。缩略图组件缩略图在网站中最常用的就是产品列表页面，一行显示几张图片，有的在图片底下带有标题、描述内容、按钮等信息。bootstrap框架将这部分独立成一个模块组件，通过类名.thumbnail配合bootstrap的网格系统来实现。下面是bootstrap缩...
<< 1351 1352 1353 1354 1355 1356 1357 1358 1359 1360 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图