Welcome

首页 / 脚本样式 / JavaScript

简单理解js的冒泡排序

2017-02-06 28
关于排序，其实不管是哪种语言，都有它内置的排序函数，我们要用的时候调用就行了，既然如此，我们为什么还要讲这个东西呢？我想，其实，我们讲排序更多是在于排序中包含的思想算法，因为，算法对于计算机来说相当重要，一个好的算法能够让计算机的效率达到事半功倍的效果，所以，算法是计算机语言中一门相当热门的课程，它所代表的计算机思维也是很值得我们去深入研究的。我也知道，关于我标题中的排序，博客园中的很多作者都写过详细解释的文章，可能，笔者本人认为自己的理解更能体现出这个排...

jQuery纵向导航菜单效果实现方法

2017-02-06 20
本文实例讲述了jQuery纵向导航菜单效果实现方法。分享给大家供大家参考，具体如下：效果如下：核心代码如下：$（ document ）.ready（ function（e）{var $catCont = $（ ".cat-cont" ）;//二级菜单divvar $catList = $（ ".J_Cat" ）;//一级菜单li$catList.on（ "mouseenter", function（）{var index = $（ this ）.index...

JS实现滑动门效果的方法详解

2017-02-06 27
本文实例讲述了JS实现滑动门效果的方法。分享给大家供大家参考，具体如下：描述：鼠标移动到一副图片上，会显示该副图片的全貌，而其他图片会显示概貌，效果图如下：一、没有动画效果的运动思路：1.定好每张图片的初始位置（第一张完全显示，234只露出一部分）2.计算每道门的移动距离（即未显露的部分）3.绑定鼠标滑过事件window.onload=function（）{var box=document.getElementById（"box"）;var img=box...

详解jQuery lazyload 懒加载

2017-02-06 24
Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担. Demo页面: 基本选项 淡入效果 对不支持JavaScript浏览器的降级处理 水平...

关于微信上网页图片点击全屏放大效果

2017-02-06 25
实现微信上网页的图片点击后全屏还可以可以缩放，这个功能是别人做的，可是捏点击后屏幕直接黑屏了，图片没有显示出来。这个代码在网上搜一下，挺多类似的。先上代码。function arrayToJson（o） {var r = [];if （typeof o == "string"） return """ + o.replace（/（[""\]）/g, "\$1"）.replace（/（ ）/g, "\n"）.replace（/（ ）/g, "\r"）.repl...

jQuery网页定位导航特效实现方法

2017-02-06 29
本文实例讲述了jQuery网页定位导航特效实现方法。分享给大家供大家参考，具体如下：描述：左右联动的导航，非常适合展示页面内容多，区块划分又很明显的，点击右边固定导航项时，左边的内容跟着切换。滑动滚动条的时候，右边的导航也随着左边的展示而进行高亮切换。思路：比较滚动距离和楼层距离（相对于顶部），如果滚动距离大于等于楼层距离，即进入了相应楼层，然后通过一个变量来记录该楼层的信息，最后传递给右边高亮显示1.点击右边固定导航项时，左边的内容跟着切换。只需将右边a...

jQuery拖拽通过八个点改变div大小

2017-02-06 20
jQuery拖拽通过八个点改变div大小js:（function（$） { /** * 默认参数 */var defaultOpts = { stage: document, //舞台 item: "resize-item", //可缩放的类名}; /** * 定义类 */var ZResize = function（options） { this.options = $.extend（{}, defaultOpts, options）; this.ini...

JS实现焦点图轮播效果的方法详解

2017-02-06 26
本文实例讲述了JS实现焦点图轮播效果的方法。分享给大家供大家参考，具体如下：效果图如下：一、所用到的知识点1.DOM操作2.定时器3.事件运用4.Js动画5.函数递归6.无限滚动大法二、结构和样式<div id="banner" class="banner"><ul id="list-banner" class="list-banner fn-clear" style="left:-624px;"><li><a h...

jQuery焦点图轮播效果实现方法

2017-02-06 23
本文实例讲述了jQuery焦点图轮播效果实现方法。分享给大家供大家参考，具体如下：前面一篇《JS实现焦点图轮播效果的方法详解》详细介绍了JS实现焦点图轮播效果的步骤，这里来分析一下jQuery的相关实现技巧。核心代码如下：$（function（）{var $next=$（".right"）;var $prev=$（".left"）;var $list_num=$（".list-num a"）;var $banner=$（".banner"）;var $li...

js封装tab标签页实例分享

2017-02-06 19
话不多说，请看代码<html><head><title></title><meta charset="UTF-8"><style>*{ padding:0; margin:0;}.block{ display:block;}.none{ display:none;}#wrap,#wraps{ width:500px; height:230px; overflow:hidden; mar...

详解javascript获取url信息的常见方法

2017-02-06 22
先以“http://www.cnblogs.com/wuxibolgs329/p/6188619.html#flag?test=12345”为例，然后获得它的各个组成部分。1、获取页面完整的urlvar a=location.href;console.log（a）; // “http://www.cnblogs.com/wuxibolgs329/p/5261577.html#flag?test=12345”2、获取页面的域名var host...

Bootstrap的基本应用要点浅析

2017-02-06 24
Bootstrap是Twitter推出的一个由动态CSS语言Less写成的开源CSS/HTML框架（同时提供Sass 移植版代码）。用法：<！DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="vie...

基于JavaScript实现自动更新倒计时效果

2017-02-06 23
实现倒计时效果需要掌握js中的两个知识点： 1、setTimeout函数 每隔1秒钟更新秒钟时间 2、Date对象 计算时间差 下面贴出 元旦倒计时代码<！DOCTYPE html><html> <head> <title>example.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"...

Jquery Easyui表单组件Form使用详解（30）

2017-02-06 30
本文实例为大家分享了Jquery Easyui表单组件的实现代码，供大家参考，具体内容如下加载方式表单组件只能在 JS 区域设置，首先定义一张表单。<form id="box" method="post"><div><label for="name">Name:</label><input class="easyui-validatebox" type="text" name="name"data-op...

jQuery Easyui datagrid行内实现【添加】、【编辑】、【上移】、【下移】

2017-02-06 35
前几天项目中遇到一个需求用到了Easyui datagrd行内添加和编辑数据，同时对行内数据上移下移，所以对这几个功能做个总结。1、首先大概说下这几个功能里用到的主要方法，行内添加数据主要是添加列的editor属性, 行内编辑主要使用beginEdit（）, endEdit（）,同时一个关键就是拿到当前的操作行索引editIndex.2、撤销用到了rejectChanges（）.3、保存时使用getRows（）或者getChanges（）. getChan...

vue项目中做编辑功能传递数据时遇到问题的解决方法

2017-02-06 23
在项目中完成编辑功能时，遇到了这样一个问题：编辑的功能使用的是一个子组件作为弹出框，如图 这里涉及到从父组件向子组件传递数据的问题，这个项目使用的是v1.0，问题是当点击了编辑以后，弹出的子组件中没有获取到父组件传过来的数据，检查后没有发现代码错误，最后解决的方法就是在父组件中，把传递的数据中的每一项都初始化了一遍就好了creatIssue （type,list,id）{this.modelIssue=true;this.modeltype=type;if...

jQuery Easyui datagrid editor为combobox时指定数据源实例

2017-02-06 29
当在datagrid行内部应用添加编辑操作时，引入combobox是非常方便的操作，我在引入combobox时对数据源这快做个总结，在做demo的过程中遇到个问题，就是当你选择了下拉框的值后点击保存，此时显示的是value值，而不是text值，这时使用格式化函数解决此问题。var Address = [{ "value": "1", "text": "CHINA" }, { "value": "2", "text": "USA" }, { "value":...

jQueryUI 拖放排序遇到滚动条时有可能无法执行排序的小bug及解决方案

2017-02-06 31
前些日子不是在做使用Jquery-UI实现一次拖拽多个选中的元素操作嘛，在持续完善这个组件时遇到了一个关于拖放排序的bug。今天就着图片和代码重现一下，也顺便告诉大家如何解决这个问题。首先先上图描述一下问题：先来张正常的图：如上图，整个div层被我设置了固定高度和滚动条。页面如上所示，在可排序区域（黄色列表区域）可见情况下，从左面向右边拖拽时，可以成功触发排序的操作。接着再来张bug图上图为bug触发说明图，将滚动条拖拽到底部（保证右侧可排序的黄色区域在d...

Jquery Easyui对话框组件Dialog使用详解（14）

2017-02-06 28
Dialog对话框组件依赖于Window（窗口）组件、linkbutton 组件加载方式Class加载<div class="easyui-dialog" title="弹出框" data-options="iconCls:"icon-add",resizable:true,modal:true" style="width: 400px;height: 200px;">弹出框内容</div>JS调用加载 <div id="bo...

详解用原生JavaScript实现jQuery的某些简单功能

2017-02-06 31
大致介绍学习了妙味，用原生的JavaScript实现jQuery中的某些部分功能定义自己的函数库lQuery$（）选择器的实现jQuery是面向对象的，所以自己编写的也要是面向对象的，看看基本的结构// 定义lQuery对象function lQuery（lArg）{}function lQ（lArg）{ return new lQuery（lArg）;}// css（）方法lQuery.prototype.css = function（）{};// ht...
<< 41 42 43 44 45 46 47 48 49 50 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图