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

易网时代-编程资源站

首页 / 脚本样式 / JavaScript

jQuery数据类型小结（14个）

jQuery数据类型小结（14个）

2017年02月06日 11 阅读

jQuery除了包含原生JS中的内置数据类型（built-in datatype），还包括一些扩展的数据类型（virtual types），如Selectors、Events等。1. StringString最常见，几乎任何一门高级编程语言和脚本语言中都支持，比如"Hello world！"即字符串。字符串的类型为string。比如var typeOfStr = typeof "hello world";//typeOfStr为“string"1.1 St...

基于javascript实现右下角浮动广告效果

基于javascript实现右下角浮动广告效果

2017年02月06日 11 阅读

本文实例为大家分享了基于javascript实现右下角浮动广告效果，供大家参考，具体内容如下效果图：具体代码：<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>右下角广告代码</title><script type="text/javascript">wind...

jQuery抛物线运动实现方法（附完整demo源码下载）

jQuery抛物线运动实现方法（附完整demo源码下载）

2017年02月06日 12 阅读

本文实例讲述了jQuery抛物线运动实现方法。分享给大家供大家参考，具体如下：运行效果截图如下：点击此处查看在线演示效果。完整实例代码点击此处本站下载。具体代码如下：<！DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>抛物线运动效果</title> <style type="text/css">.boll { ...

JavaScript缓冲运动实现方法（2则示例）

JavaScript缓冲运动实现方法（2则示例）

2017年02月06日 12 阅读

本文实例讲述了JavaScript缓冲运动实现方法。分享给大家供大家参考，具体如下：实现原理：（目标距离-当前距离） / 基数 = 速度（运动距离越大速度越小，运动距离和速度成反比）复制代码代码如下:（500 - oDiv.offsetLeft） / 7 = iSpeed;需要注意：当计算出来的速度有小数时需要取整；复制代码代码如下:（500 - oDiv.offsetLeft） / 7 = iSpeed; iSpeed = iSpeed>0&#...

js如何改变文章的字体大小

js如何改变文章的字体大小

2017年02月06日 11 阅读

最近发现有许多朋友提问：使用js如何改变一篇文章的字体的大小？小编查阅了相关文章，为大家整理了几个小案例，供大家参考，具体内容如下效果图：点击大、小按钮，随时切换字体大小具体代码：<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>使用js如果改变一篇文章字体的大小</title...

javascript匀速运动实现方法分析

javascript匀速运动实现方法分析

2017年02月06日 12 阅读

本文实例讲述了javascript匀速运动实现方法。分享给大家供大家参考，具体如下：匀速运动步骤：1. 清除定时器2. 开启定时器3. 运动是否完成：a、运动完成，清除定时器；b、运动未完成继续匀速运动停止条件：距离足够近 Math.abs（当然距离-目标距离） < 最小运动距离运行效果截图如下：div的匀速运动（简单运动）示例：<！doctype html><html><head><meta charset...

jQuery插件之Tocify动态节点目录菜单生成器附源码下载

jQuery插件之Tocify动态节点目录菜单生成器附源码下载

2017年02月06日 11 阅读

Tocify是一个能够动态生成文章节点目录的jQuery插件。假如我们有一篇很长的文章，文章有多个节点，那么使用Tocify可以根据节点元素动态生成文章目录，点击目录可以平滑滚动到对应的节点，当然当滚动页面时，目录结构会根据当前监听到的节点进行切换到当前目录状态。效果展示源码下载Tocify目前支持Twitter Bootstrap和jQueryUI Themeroller两种主题风格，我们可以根据实际项目任选其中一种风格，另外必要条件jQuery 1....

javascript多物体运动实现方法分析

javascript多物体运动实现方法分析

2017年02月06日 13 阅读

本文实例讲述了javascript多物体运动实现方法。分享给大家供大家参考，具体如下：这里需要注意：每个运动物体的定时器作为物体的属性独立出来互不影响，属性与运动对象绑定，不能公用。运行效果截图如下：例子：<！doctype html><html><head><meta charset="utf-8"><title>多物体运动</title><style>div{ widt...

jquery实现简单的遮罩层

jquery实现简单的遮罩层

2017年02月06日 11 阅读

本文实例讲解了jquery遮罩层，包括遮罩层的不同样式实现、mask实现遮罩层等，分享给大家供大家参考，具体内容如下一、jQuery实现遮罩层的不同样式1.1 背景半透明遮罩层样式需要一个黑色（当然也可以其他）背景，且须设置为绝对定位，以下是项目中用到的css样式：/* 半透明的遮罩层 */#overlay {background: #000;filter: alpha（opacity=50）; /* IE的透明度 */opacity: 0.5; /* 透...

javascript运动框架用法实例分析（实现放大与缩小效果）

javascript运动框架用法实例分析（实现放大与缩小效果）

2017年02月06日 11 阅读

本文实例讲述了javascript运动框架用法。分享给大家供大家参考，具体如下：该运动框架可以实现多物体任意值运动运行效果截图如下：例子：<！doctype html><html><head><meta charset="utf-8"><title>运动框架</title><style>#div1{ width:100px; height:100px; background...

javascript运动效果实例总结（放大缩小、滑动淡入、滚动）

javascript运动效果实例总结（放大缩小、滑动淡入、滚动）

2017年02月06日 11 阅读

本文实例总结了javascript运动效果实现与用法。分享给大家供大家参考，具体如下：一、图片放大缩小效果：<！doctype html><html><head><meta charset="utf-8"><title>图片放大缩小</title><style>*{ margin:0; padding:0; list-style:none;}#ulList{ margin:...

javascript弹性运动效果简单实现方法

javascript弹性运动效果简单实现方法

2017年02月06日 11 阅读

本文实例讲述了javascript弹性运动效果简单实现方法。分享给大家供大家参考，具体如下：弹性运动实现原理：加速运动+减速运动+摩擦运动运行效果截图如下：实例代码如下：<！doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style>#div1{ width:100px; height:...

js实现对ajax请求面向对象的封装

js实现对ajax请求面向对象的封装

2017年02月06日 11 阅读

AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。在js中使用ajax请求一般包含三个步骤： 1、创建XMLHttp对象 2、发送请求：包括打开链接、发送请求 3、处理响应在不使用任何的js框架的情况下，要想使用ajax，可能需要向下面一样进行代码的编写<span style="font-size:14px;">va...

jQuery CSS3相结合实现时钟插件

jQuery CSS3相结合实现时钟插件

2017年02月06日 12 阅读

废话不多说了，直接给大家贴代码了。效果图如下所示：简洁代码如下：<link rel="stylesheet" href="http://hovertree.com/texiao/hoverclock/jquery.hoverclock.2.1.0.css" /><script src="http://hovertree.com/ziyuan/jquery/jquery-2.1.4.min.js"></script><...

学习JavaScript设计模式之状态模式

学习JavaScript设计模式之状态模式

2017年02月06日 12 阅读

状态模式的关键是区分事物内部的状态，事物内部状态的改变往往会带来事物的行为改变。当电灯开着，此时按下开关，电灯会切换到关闭状态；再按一次开关，电灯又将被打开。同一个开关在不同的状态下，表现出来的行为是不一样的。一、有限状态机状态总数（state）是有限的。任一时刻，只处在一种状态之中。某种条件下，会从一种状态转变（transition）到另一种状态。允许一个对象在其内部状态改变时改变它的行为，对象看起来似乎修改了它的类。解释：（1）将状态封装成独立的类...

WordPress中利用AJAX异步获取评论用户头像的方法

WordPress中利用AJAX异步获取评论用户头像的方法

2017年02月06日 11 阅读

在评论者输入邮箱后，异步获得评论者的头像并显示出来，个人感觉这个功能虽不能给用户体验带来多大的提升，也不算是一个实用的功能，但至少很炫，看到有的网站有添加这个功能，我也不甘寂寞所以也写了个脚本，没有时间做封装，所以直接上原理和代码。异步动态调用头像原理获得用户输入过滤用户输入传递变量到后台后台处理数据，并返回头像的HTML代码获得后台返回数据，将HTML代码加载到当前页面貌似很多步骤，其实很简单，我们只要将自己的主题稍作修改就可以到达效果。简单功能截图：实...

bootstrap-treeview自定义双击事件实现方法

bootstrap-treeview自定义双击事件实现方法

2017年02月06日 12 阅读

bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件。该jQuery插件基于Twitter Bootstrap，以简单和优雅的方式来显示一些继承树结构，如视图树、列表树等等。但是不知为什么这个插件没有自带双击事件。经过多次测试，使用方法$（"#tree"）.dblclick（ function （） {}）和方法$（"#tree"）.on（"dblclick",function（）{}）都不起作用！百思不...

JavaScript电子时钟倒计时

JavaScript电子时钟倒计时

2017年02月06日 12 阅读

本文实例讲解了JavaScript电子时钟倒计时的详细代码，分享给大家供大家参考，具体内容如下JavaScript时间类1、获取时分秒： getHours（） getMinutes（）; getSeconds（）;2、获取年月日： getFullYear（）; getMonth（） + 1;//获取的月份需要+1； getDate（）; //日期 getDay（）; //获取的是星期，0--》星期天效果图：实例： <！DOCTYPE html>...

JS中生成随机数的用法及相关函数

JS中生成随机数的用法及相关函数

2017年02月06日 11 阅读

先为大家介绍一些关于随机数的相关函数：var Rand = Math.random（）;1.Math.random（）; 结果为0-1间的一个随机数（包括0,不包括1） 2.Math.floor（num）; 参数num为一个数值，函数结果为num的整数部分。 3.Math.round（num）; 参数num为一个数值，函数结果为num四舍五入后的整数。Math：数学对象，提供对数据的数学计算。Math.random（）; 返回0和1间（包括0,不包括1）的...

javascript类型系统 Array对象学习笔记

javascript类型系统 Array对象学习笔记

2017年02月06日 11 阅读

数组是一组按序排列的值，相对地，对象的属性名称是无序的。从本质上讲，数组使用数字作为查找键，而对象拥有用户自定义的属性名。javascript没有真正的关联数组，但对象可用于实现关联的功能 Array（）仅仅是一种特殊类型的Object（），也就是说，Array（）实例基本上是拥有一些额外功能的Object（）实例。数组可以保存任何类型的值，这些值可以随时更新或删除，且数组的大小是动态调整的一、数组创建与Javascript中的大多数对象一样，可以...

<< 1271 1272 1273 1274 1275 1276 1277 1278 1279 1280 >>

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