JavaScript资料,JavaScript文章,JavaScript文档-易库教程_www.escdns.com

易网时代-编程资源站

首页 / 脚本样式 / JavaScript

JavaScript实现自动生成网页元素功能（按钮、文本等）

JavaScript实现自动生成网页元素功能（按钮、文本等）

2017年02月06日 11 阅读

创建元素的方法：1、利用createTextNode（）创建一个文本对象2、利用createElement（）创建一个标签对象3、直接利用容器标签中的一个属性：innerHTML-----本质上改该标签容器中的“html代码”，不是我们认为的对象树的操作详解代码：<body><input type="button" value="创建并添加节点1" onclick="addNode1（）"/><input type="butt...

js实现索引图片切换效果

js实现索引图片切换效果

2017年02月06日 11 阅读

本文实例讲述了js实现索引图片切换效果的代码。分享给大家供大家参考。具体如下：运行效果截图如下：具体代码如下html代码： <div id="slideshowHolder"><img src="img/1.jpg" /><img src="img/2.jpg" /><img src="img/3.jpg" /></div>css代码： .ft-prev, .ft-next {background...

javascript实现动态统计图开发实例

javascript实现动态统计图开发实例

2017年02月06日 11 阅读

本文实例讲述了javascript实现动态统计图的代码。分享给大家供大家参考。具体如下：运行效果截图如下：具体代码如下html代码： <div id="content"><div class="legend"><h1>汽车销量:</h1><div class="skills"><ul><li class="jq">大众</li><li class="css...

超详细的javascript数组方法汇总

超详细的javascript数组方法汇总

2017年02月06日 11 阅读

一、数组的常用方法1：join（）;将数组转为字符串显示。不输入参数，默认以逗号连接；输入参数，则以参数连接。var arr=[1,2,3];console.log（arr.join（））;// 1,2,3;console.log（arr.join（"_"））; // 1_2_3;console.log（arr）;// [1,2,3];原数组不变。2：reverse（）;将数组逆序排列，原数组被修改。var arr=[1,2,3];var arr2=arr...

jQuery实现分隔条左右拖动功能

jQuery实现分隔条左右拖动功能

2017年02月06日 14 阅读

本文实例讲述了jQuery实现分隔条左右拖动功能的实现代码。分享给大家供大家参考。具体如下：运行效果截图如下：具体内容如下<！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head><title> New Document </titl...

分享经典的JavaScript开发技巧

分享经典的JavaScript开发技巧

2017年02月06日 11 阅读

JavaScript开发经典技巧分享给大家：1、首次为变量赋值时务必使用var关键字变量没有声明而直接赋值得话，默认会作为一个新的全局变量，要尽量避免使用全局变量。2、使用===取代====和！=操作符会在需要的情况下自动转换数据类型。但===和！==不会，它们会同时比较值和数据类型，这也使得它们要比==和！=快。[10] === 10 // is false[10] == 10 // is true"10" == 10 // is true"10" ==...

jquery实现select选择框内容左右移动代码分享

jquery实现select选择框内容左右移动代码分享

2017年02月06日 12 阅读

本文实例讲述了select选择框内容左右移动添加删除。分享给大家供大家参考。具体如下：select选择框内容左右移动，简单实用，选中选项内容，点击移动按钮可进行内容左右移动，运行效果图：具体代码如下<！DOCTYPE html><html><head> <meta charset="utf-8" /> <title>index</title></head><body&...

解决jquery插件：TypeError:$.browser is undefined报错的方法

解决jquery插件：TypeError:$.browser is undefined报错的方法

2017年02月06日 12 阅读

首先先说一说$.browserbrowser就是用来获取浏览器基本信息的。jQuery 从 1.9 版开始，移除了 $.browser 和 $.browser.version ，取而代之的是 $.support 。在更新的 2.0 版本中，将不再支持 IE 6/7/8。以后，如果用户需要支持 IE 6/7/8，只能使用 jQuery 1.9。解决方法：加入以下js即可（function（jQuery）{ if（jQuery.browser） retu...

javascript实现别踩白块儿小游戏程序

javascript实现别踩白块儿小游戏程序

2017年02月06日 13 阅读

最近有朋友找我用JS帮忙仿做一个别踩白块的小游戏程序，但他给的源代码较麻烦，而且没有注释，理解起来很无力，我就以自己的想法自己做了这个小游戏，主要是应用JS对DOM和数组的操作。程序思路：如图：将游戏区域的CSS设置为相对定位、溢出隐藏;两块“游戏板”上分别排布着24块方格，黑色每行随机产生一个，“游戏板”向下滚动并交替显示，将每个操作板的黑块位置存入数组，每次点击时将数组pop出来进行比对（我觉得亮点在这……）。这里是游戏的GitHub地址，大家可以到里...

js实现简单计算器

js实现简单计算器

2017年02月06日 11 阅读

参考部分资料，编写一个简单的计算器案例，虽然完成了正常需求，但是也有不满之处，待后续实力提升后再来补充，先把不足之处列出： 1：本来打算只要打开页面，计算器的输入框会显示一个默认为0的状态，但是在输入框加入默认显示为0的时候，选择数据输入时，该0会显示输入数字的前面，例如”0123“，由于能力有限，待后续实力提升再来补充完善！ 2：目前只能实现鼠标控制选择按钮，待完善键盘录入功能。 3：乘法的那个符号在本来想改成”×“这个符号的，待后续完善。附图...

JQuery实现简单的图片滑动切换特效

JQuery实现简单的图片滑动切换特效

2017年02月06日 11 阅读

JQuery实现简单的图片滑动切换特效<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>t图片的滑动</title><meta charset="utf-8" /><style type="text/css" >*{margin:0;padding:0;}#main{widt...

js 右侧浮动层效果实现代码（跟随滚动）

js 右侧浮动层效果实现代码（跟随滚动）

2017年02月06日 11 阅读

实现代码一、<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<html><head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <！--***********开始**...

Bootstrap每天必学之表格

Bootstrap每天必学之表格

2017年02月06日 11 阅读

本文主要讲解的是表格，这个其实对于做过网站的人来说，并不陌生，而且可以说是最为常用的各种列表的展示，有时候也会因为用户或者老板的需求而感到头疼。下面我们来看一下，Bootstrap已经为我们准备那些类型的表格呢？如下所示：1.基本案例2.条纹状表格3.带边框的表格4.鼠标悬停5.紧缩表格6.状态class7.响应式表格8.总结基本案例为任意<table>标签添加.table可以为其赋予基本的样式—少量的内补（padding）和水平方向的分隔线。...

jQuery实现简洁的导航菜单效果

jQuery实现简洁的导航菜单效果

2017年02月06日 11 阅读

本文实例讲述了JavaScript实现的伸展收缩型菜单代码。分享给大家供大家参考。具体如下：运行效果截图如下：鼠标悬浮时菜单项向上移动成蓝底白字，点击之后底部会有蓝条表示当前选中项。页面代码，菜单的每一项都是一个 div ，其中包括一个 ul 用来放置显示文字等，另一个 div 则是底部的蓝条，需要给第一项和最后一项设置不同的 class ，样式需要用到：<div id="nav"> <div class="navItem indexN...

JavaScript高级教程5.6之基本包装类型（详细）

JavaScript高级教程5.6之基本包装类型（详细）

2017年02月06日 11 阅读

为了便于操作基本类型值,ECMAScript还提供了3个特殊的引用类型:Boolean,Number,String.实际上,每当读取一个基本类型值的时候,后台应付创建一个对应的基本包装类型的对象,从而让我们能够调用一些方法来操作这些数据.var s1="some text";var s2=s1.substring（2）;console.log（s2）;//me text这个例子中s1包含了一个字符串,字符串是基本类型值.第二行调用了s1的subsstrin...

Jquery 效果使用详解

Jquery 效果使用详解

2017年02月06日 11 阅读

jQuery是一款同prototype一样优秀js开发库类，特别是对css和XPath的支持，使我们写js变得更加方便！如果你不是个js高手又想写出优秀的js效果，jQuery可以帮你达到目的！.hide（）隐藏匹配的元素。 .hide（）这个方法不接受任何参数。 .hide（[duration][,complete]） duration 一个字符串或者数字决定动画将运行多久。 complete 在动画执...

javascript实现uploadify上传格式以及个数限制

javascript实现uploadify上传格式以及个数限制

2017年02月06日 11 阅读

本文为大家分享了javascript实现uploadify上传格式以及个数限制的关键代码，希望大家好好研究学习。关键代码一：function deleteUrl（）{ $（"body"）.on（"click",".img-wrap .mask span",function（event）{event.stopPropagation（）;var qs=$（"#file_upload-queue>div"）;//所有的队列var id=qs.eq（2）.a...

使用jquery实现鼠标滑过弹出更多相关信息层附源码下载

使用jquery实现鼠标滑过弹出更多相关信息层附源码下载

2017年02月06日 12 阅读

当要在有限的空间展示更多的信息时，我们经常会采取鼠标滑过弹出更多相关信息层，提高互动性。尤其可以应用在公司照片墙、招聘网站求职者信息展示等等场景。本文结合实例和大家分享下使用jQuery实现滑过图片展示信息效果。当鼠标滑向照片时，会弹出对应的照片的详细介绍信息，请看演示效果：效果展示源码下载 HTML首先我们准备页面素材，页面上由多组图片<li>密集组成，同时有图片对应的相关说明信息，用于展示详细信息效果。<div class="dem...

Nodejs初级阶段之express

Nodejs初级阶段之express

2017年02月06日 11 阅读

上一篇《node.js 初体验》写的也不错，感兴趣的朋友可以了解下。Node和NPM的安装够便捷了，不细说...有几点基础顺手提一下：1.安装命令中的 “-g” 表示全局（global）2.express的版本不是通常的 “-v” 来查看，而是 “-V”3.安装express项目的命令如下express -e nodejs-product-e, --ejs add ejs engine support -J, --jshtml add jshtml eng...

jquery实现加载进度条提示效果

jquery实现加载进度条提示效果

2017年02月06日 11 阅读

本文实例讲述了jquery实现加载进度条提示效果代码。分享给大家供大家参考。具体如下：运行效果截图如下：具体代码如下：<！DOCTYPE html><html> <head><meta charset="utf-8"><title>进度条</title><script type="text/javascript" src="http://lib.sinaapp.com/js/jq...

<< 1221 1222 1223 1224 1225 1226 1227 1228 1229 1230 >>

版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图