javascript技巧 / 张生荣

基于js实现数组相邻元素上移下移

实现效果: 即需要实现当前元素与相邻元素交换位置, 当上移时,则是当前元素与上一元素调换位置:当下移时,则是当前元素与下一元素调换位置. 实现代码: js: //点击上移 clickUp(index) ...

懒加载的意义(为什么要使用懒加载) 对页面加载速度影响最大的就是图片,一张普通的图片可以达到几M的大小,而代码也许就只有几十KB.当页面图片很多时,页面的加载速度缓慢,几S钟内页面没有加载完成,也许会 ...

大概是去年的时候吧,就在网上见过了现成的CSS圆角效果的CSS及HTML代码,例如: <html> <head> <title>css圆角效果</title& ...

本文实例为大家分享了canvas实现鼠标跟随效果的具体代码,供大家参考,具体内容如下效果展示: 源码展示: <!doctype html> <html> <head&g ...

如下所示 : 代码复制代码代码如下: <input id="txt_title" runat="server" name="txt_titl ...

例,for(){}遍历数组复制代码代码如下: <script type="text/javascript"> <!--var arr = new Array( ...

设置cookie 函数直接上代码: function setCookie(name, value, days) { //设置cookie var d = new Date(); d.setTime(d ...

[动态添加css样式] <html> <head> <script type="text/javascript"> window.onload= ...

最近在项目中需要上传文件文件,之前一直都是form提交的,尝试了一下AjaxForm,感觉还比较好用,写篇随笔mark下,供以后使用. 准备工作: 下载jquery-form.js 相关jar: co ...

布局不是基于float,也不是基于绝对定位,看最下面的html,css就知道了.也没有满篇烦人的html插入,代码很清爽 function getIndex(index) { if (index &l ...

作者:llinzzi 日期:2007-05-24 去年做了个小东西,一个在线WebGame,目前只实现了多人聊天,移动,拖动画面移动,场景系统等,可以当场景聊天室使用.不过扔了一年了.如图美工由静电 ...

复制代码代码如下: <html><head> <title>测试可动div</title> <script language='javascri ...

看了一个关于Angularjs的视频,视频内容讲解的是如何制作一款TODO list形式的SPA(Simple Page Application,单页面应用).为了增强理解,下面写了一篇文章,用以复习 ...

本文实例讲述了JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法.分享给大家供大家参考,具体如下: 事件的执行顺序绝对是让人头疼的问题.当父元素与子元素都绑 ...

本文实例讲述了SWFUpload多文件上传及文件个数限制的方法.分享给大家供大家参考,具体如下: SWFUpload是一个基于flash与JavaScript的客户端文件上传组件. handlers. ...

javascript功能强大,但一个问题是它不能包含其它的js文件,而其它非脚本语言却基本都是有这个功能的,不得不觉得有点遗憾.穷则思变,越来越发现不动态导入文件会严重加大加载页面的时间,经过实验,发 ...

Tab 选项卡切换效果在现如今的网页中,运用的也是比较多的,包括点击切换.滑动切换.延迟切换.自动切换等多种效果代码如下 <!DOCTYPE html> <html lang=&q ...

目录一.前言二.实现效果三.创建工程四.生成服务卡片五.调试预览一.前言 HarmonyOS发布,服务卡片成为了亮点之一.那么除了开发应用,服务卡片也成了必学的知识.备忘录是现在每台手机都 ...

本文实例为大家分享了微信小程序实现手风琴折叠面板的具体代码,供大家参考,具体内容如下目的:折叠面板默认显示其中一项,利用toggle实现元素的显示和隐藏例如:页面中有四个可折叠元素,默认元素1显示, ...