Welcome

首页 / 脚本样式 / JavaScript

jQuery 自定义下拉框（DropDown）附源码下载

2017-02-06 16
先给大家展示下效果图，喜欢的朋友可以下载源码哦效果演示 源码下载 <section class="main"> <div class="wrapper-demo"> <div id="dd" class="wrapper-dropdown-1" tabindex="1"> <span>手册网</span> <ul class="dropdown" tabindex=""> <li...

JQuery 设置checkbox值二次无效的解决方法

2017-02-06 15
在此MVC ASP.NET 项目，我利用jquery ajax传输数据给后台controller控制层，返回数据给JQuery数据。首先必须清除checkbox的选中，因为是ajax的异步操作，是不刷新页面的，所以需要手段充值控件值，使得其为空，不影响下次的拿到数据显示。言归正传，$（"#checkboxID"）.attr（"checked", false）;//设置checkbox为不选中状态，$（"#checkboxID"）.attr（"checked...

Ajax分页插件Pagination从前台jQuery到后端java总结

2017-02-06 15
困惑了我一段时间的网页分页，今天特地整理了一下我完成不久的项目。下面我要分享下我这个项目的分页代码，前后端通吃。希望前辈多多指教。一、效果图下面我先上网页前台和管理端的部分分页效果图，他们用的是一套代码。二、上代码前的一些知识点此jQuery插件为Ajax分页插件，一次性加载，故分页切换时无刷新与延迟，如果数据量较大不建议用此方法，因为加载会比较慢。三、前台代码部分var pageSize =6; //每页显示多少条记录var total; //总共多少记...

jQuery Select下拉框操作小结（推荐）

2017-02-06 16
jQuery获取Select元素，并选择的Text和Value:1. $（"#select_id"）.change（function（）{//code...}）; //为Select添加事件，当选择其中一项时触发 2. var checkText=$（"#select_id"）.find（"option:selected"）.text（）; //获取Select选择的Text 3. var checkValue=$（"#select_id"）.val（）;...

Select下拉框模糊查询功能实现代码

2017-02-06 16
select下拉列表框支持输入模糊查询功能，设计非常的人性化，下面小编给大家分享了关键代码，大家根据自己的需求适当的添加修改，有任何问题欢迎给我反馈。关键代码如下所示：<HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=gb2312"> <TITLE>可输入的下拉框</TITLE> </HEAD&...

jquery checkbox无法用attr（）二次勾选问题的解决方法

2017-02-06 16
今晨，漂亮的测试妹妹提了个奇怪的bug，说我一功能checkbox时隐时现，比如第一次打开有勾选，第n次打开可能就不选了。想到与美女有亲密接触机会，马上鸡动起来。经过偶层层抽次剥茧（da da jiang you），终于知道了原因：attr（）在二次选中勾选框时，失效。比如，如下HTML页面，一点【选中】、二点【取消选中】、三点【选中】，瞧，不行了呗。1.html<！doctype html><html lang="en"><...

BootStrap 附加导航组件

2017-02-06 15
什么是 Bootstrap？Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。历史Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的。Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品。以上简单给大家介绍了bootstrap的简介，下面重点介绍BootStrap 附加导航组件的知识。...

jquery常用的12个小功能

2017-02-06 17
jquery12个常用功能极好的，快来围观！返回顶部使用JQuery的animate和scrollTop方法可以创建简单地返回顶部的动画：// Back to top$（"a.top"）.click（function （e） { e.preventDefault（）; $（document.body）.animate（{scrollTop: 0}, 800）;}）;HTML中得有一个按钮：<！-- Create an anchor tag -->...

详细探究ES6之Proxy代理

2017-02-06 16
前言在ES6中，Proxy构造器是一种可访问的全局对象，使用它你可以在对象与各种操作对象的行为之间收集有关请求操作的各种信息，并返回任何你想做的。ES6中的箭头函数、数组解构、rest 参数等特性一经实现就广为流传，但类似 Proxy 这样的特性却很少见到有开发者在使用，一方面在于浏览器的兼容性，另一方面也在于要想发挥这些特性的优势需要开发者深入地理解其使用场景。就我个人而言是非常喜欢 ES6 的 Proxy，因为它让我们以简洁易懂的方式控制了外部对对象的...

JavaScript结合Bootstrap仿微信后台多图文界面管理

2017-02-06 16
js模仿微信后台管理的多图文界面，集成了ajax异步上传文件的插件，供大家参考，具体内容如下效果图：详细代码：html:<div id="wrap"> <div id="sidebar"><div class="previewBox"> <！-- <p style="margin:10px 14px 0 14px;"><span class="msg-date">2013-08-14<...

JavaScript中的Reflect对象详解（ES6新特性）

2017-02-06 18
Reflect介绍：Reflect这个对象在我的node（v4.4.3）中还没有实现, babel（6.7.7）也没有实现 ,新版本的chrome是支持的， ff比较早就支持Proxy和Reflect了，要让node支持Reflect可以安装harmony-reflect ;Reflect不是构造函数， 要使用的时候直接通过Reflect.method（）调用， Reflect有的方法和Proxy差不多， 而且多数Reflect方法原生的Object已经重...

基于Bootstrap实现下拉菜单项和表单导航条（两个菜单项，一个下拉菜单和登录表单导航条）

2017-02-06 17
效果图如下所示：实现代码如下：<！DOCTYPE html><html lang="zh-cn"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"...

基于Bootstrap实现的下拉菜单手机端不能选择菜单项的原因附解决办法

2017-02-06 16
基于Bootstrap做的下拉菜单在电脑浏览器中可正常使用，在手机浏览器中能弹出下拉列表，却不能选择列表中的菜单项，通过自己百度查找原因将bootstrap脚本文件中的ontouchstart 替换为 disable-ontouchstart可以解决，替换后并不能解决。（红米手机UC浏览器不支持，小米手机UC浏览器正常，其他暂时未测试）jquery：v1.11.2bootstrap：v3.3.4以下为前台页面代码：<div class="input-...

基于bootstrap实现广告轮播带图片和文字效果

2017-02-06 18
代码如下所示：<！DOCTYPE html><html lang="zh-cn"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><...

javaScript事件机制兼容【详细整理】

2017-02-06 18
【添加事件机制】 addEventListener 和 attachEvent[W3C]addEventListener（"click" , function（）{alert（"Hello World"）} ,false ） //W3C规范添加事件（IE8及以上不兼容）； 第一个参数为事件类型 ，第二个为事件程序 ，第三个 false为事件冒泡，true为事件捕获[IE]attachEvent（"onclick",function（）{alert（"Hel...

js事件驱动机制 浏览器兼容处理方法

2017-02-06 17
3.1. 事件是如何产生的 *第一种情况，用户对网页做了某些操作，比如，点击了一个按钮，产生点击事件。 第二种情况，用户没有对网页做操作，也可能产生事件，比如浏览器已经将整个页面加载完毕，会产生加载完成事件。当事件产生以后，浏览器会查找产生事件的节点有没有绑订相应的事件处理代码。如果有，则调用该代码来处理。如果没有，会继续向上查找父节点，有没有对应的事件处理代码（事件冒泡）。3.2. 绑订事件处理代码 **1） 绑订事件处理代码到html标记乊上比如: &...

js的各种排序算法实现（总结）

2017-02-06 17
如下所示：// ---------- 一些排序算法var Sort = {}Sort.prototype = { // 利用sort进行排序 systemSort:function（array）{return array.sort（function（a, b）{return a - b;}）;},// 冒泡排序bubbleSort:function（array）{var i = 0, len = array.length,j, d;for（; i<l...

数据结构中的各种排序方法小结（JS实现）

2017-02-06 16
新技术一直在不断变化，掌握一些基础是未来学习不断更新的技术的坚实基础。近来闲来无事,为了温习一下从前学的数据结构，将数据结构中的排序算法用JS实现了一遍，并在本文末尾处嵌入了DEMO。简单排序冒泡排序冒泡排序是最简单排序算法,时间复杂度为n的平方,代码如下:function bubbleSort（array） {for （var i = 0; i < array.length; i++） {for （var j = array.length; j &...

jquery实现ajax加载超时提示的方法

2017-02-06 17
本文实例讲述了jquery实现ajax加载超时提示的方法。分享给大家供大家参考，具体如下：index.php<！doctype html><html><head><meta charset="utf-8"/><title>加载超时</title><script type="text/javascript" src="http://lib.sinaapp.com/js/jquery...

js简单实现调整网页字体大小的方法

2017-02-06 16
本文实例讲述了js简单实现调整网页字体大小的方法。分享给大家供大家参考，具体如下：//var tgs = new Array（"div","td","tr"）;var tgs = new Array（"td","tr"）;//Specify spectrum of different font sizes://var szs = new Array（ "xx-small","x-small","small","medium","large","x-larg...
<< 151 152 153 154 155 156 157 158 159 160 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图