Welcome 微信登录

首页 / 脚本样式 / JavaScript

Bootstrap每天必学之按钮

Bootstrap每天必学之按钮

2017年02月06日 11 阅读
1、按钮（按钮组）单个按钮在Web页面中的运用有时候并不能满足我们的业务需求，常常会看到将多个按钮组合在一起使用，比如富文本编辑器里的一组小图标按钮等。那么在这一节中，我们主要向大家介绍Bootstrap框架为大家提供的按钮组组件。源码查询：按钮组也是一个独立的组件，所以可以找到对应的源码文件：☑ LESS版本：对应的源文件为buttons.less☑ Sass版本：对应的源文件为_buttons.scss☑ CSS版本...
JAVASCRIPT代码编写俄罗斯方块网页版

JAVASCRIPT代码编写俄罗斯方块网页版

2017年02月06日 11 阅读
俄罗斯方块方块是小时候的一个回忆，从最开始的掌上的黑白游戏机，到电视游戏机，到电脑，无不有它的痕迹，今天我们来一起重温它的一种实现方法，也算是整理一下我的思路吧......HTML+CSS+JS实现俄罗斯方块完整版，素材只有图片，想要的下载图片按提示名字保存，css中用的时候注意路径！！主要在JS中！JS附有详细注释效果：按键提示：[键盘按键]素材：图片名字与代码里对应 1、背景图片：tetris.png 2、失败时候的弹出框图片：game-ove...
使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法

使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法

2017年02月06日 11 阅读
eval函数可以把一些处理过程序代码进行解析从而达到可以执行的一个状态，查了很多帖子，jqchart插件做折线图时，处理返回数据时全都是eval，但我怎么也弄不出来，后来发现：1、根本不需要eval处理，直接截取字符串即可（返回值要拼接好）；2、处理好的字符串放进series的data里要加上[];下面是代码：html页面<body>标签里面只放了一个<div id="jqChart" style="width: 500px; heigh...
Bootstrap每天必学之导航

Bootstrap每天必学之导航

2017年02月06日 11 阅读
1、导航（基础样式）导航对于一位前端人员来说并不陌生。可以说导航是一个网站重要的元素组件之一，可以便于用户查找网站所提供的各项功能服务。导航的制作方法也是千奇百怪，五花八门。在这一节中将向大家介绍如何使用Bootstrap框架制作各式各样的导航。在Bootstrap框架将导航独立出来成为一个导航组件，根据不同的版本，可以找到对应的源码：☑ LESS版本：对应的源文件是navs.less☑ Sass版本：对应的源文件是_navs.sc...
JS延时提示框实现方法详解

JS延时提示框实现方法详解

2017年02月06日 11 阅读
本文实例讲述了JS延时提示框实现方法。分享给大家供大家参考，具体如下：提示框功能：当鼠标指向头像时，弹出一个信息框，鼠标可移动到信息框，当鼠标离开头像时信息框消失，当鼠标离开信息框时信息框消失。实现功能思路：1、获取元素。2、当鼠标指向Div1时，Div2显示。3、当鼠标离开Div1时，使Div2延迟0.5秒消失，这样以便有时间把鼠标移到Div2。4、当鼠标指向Div2时，Div2显示。因为第3步设置setTimeout使Div2消失，所以把用clearT...
Jquery检验手机号是否符合规则并根据手机号检测结果将提交按钮设为不同状态

Jquery检验手机号是否符合规则并根据手机号检测结果将提交按钮设为不同状态

2017年02月06日 12 阅读
项目需求： 输入手机号，实时判断手机号输入的是否符合规则： 如果不合规则，则提交按钮为禁用状态，手机号信息不可提交，按钮显示灰色背景； 如果符合规则，则可提交所输入的手机号信息，并将按钮背景设成红色。代码如下：<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><...
Jquery中request和request.form和request.querystring的区别

Jquery中request和request.form和request.querystring的区别

2017年02月06日 11 阅读
Request.Form是获取以POST方式提交的表单数据；Request.QueryString主要是获取地址栏参数或者以Get方式提交的数据而Request则包含以上两种方式，会在Request.QueryString和Request.Form中都查询一遍变量。但是优先获取GET方式提交的数据，即Request.QueryStringRequest：包含以上两种方式（优先获取GET方式提交的数据），它会在QueryString、Form、ServerV...
学习JavaScript设计模式（接口）

学习JavaScript设计模式（接口）

2017年02月06日 11 阅读
1、接口概述1）、什么是接口？接口是提供了一种用以说明一个对象应该具有哪些方法的手段。尽管它可以表明这些方法的语义，但它并不规定这些方法应该如何实现。2）、 接口之利促进代码的重用。接口可以告诉程序员一个类实现了哪些方法，从而帮助其使用这个类。有助于稳定不同类之前的通信方式。测试和调式因此也能变得更轻松。在javascript这种弱类型语言中，类型不匹配错误很难跟踪。使用接口可以让这种错误的查找变午更容易一点，因为此时如果一个对象不像所要求的类型，或者没有...
JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果

JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果

2017年02月06日 12 阅读
本文实例讲述了JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果。分享给大家供大家参考，具体如下：思路：1、首先用把密码框用txt暂时替代，并赋上默认值 <input type="text" value="请输入密码" />2、当文本框获取焦点后，把默认值清空，把type改为password。3、当文本框失去焦点后，把type改为txt，把默认值设为“请输入密码”。JS代码：window.onload=function（）{ var ...
学习JavaScript设计模式（封装）

学习JavaScript设计模式（封装）

2017年02月06日 11 阅读
在JavaScript 中，并没有对抽象类和接口的支持。JavaScript 本身也是一门弱类型语言。在封装类型方面，JavaScript 没有能力，也没有必要做得更多。对于JavaScript 的设计模式实现来说，不区分类型是一种失色，也可以说是一种解脱。从设计模式的角度出发，封装在更重要的层面体现为封装变化。通过封装变化的方式，把系统中稳定不变的部分和容易变化的部分隔离开来，在系统的演变过程中，我们只需要替换那些容易变化的部分，如果这些部分是已经封装好...
js图片跟随鼠标移动代码

js图片跟随鼠标移动代码

2017年02月06日 11 阅读
在很多网站上能看到图片跟随鼠标移动的JS特效，其实做法很简单，在这里与大家分享下。在实现这个特效之前，需要了解JS中一个对象，event（事件对象），对，只需了解这一个对象。它的方法属性我不多说了，想详细了解的童鞋点击这里，http://www.jb51.net/article/17266.htm。我们用到的只有这个对象的两个属性，clientX与clientY，就是触发当前事件（可能是Click,也肯能是onmousemove等等事件）时鼠标在窗口区域的...
学习JavaScript设计模式（继承）

学习JavaScript设计模式（继承）

2017年02月06日 11 阅读
1、继承在javascript中继承是一个非常复杂的话题，比其他任何面向对象语言的中的继承都复杂得多。在大多数其他面向对象语言中，继承一个类只需要使用一个关键字即可。与它们不同，在javascript中要想达到传承公用成员的目的，需要采取一系列措施。更有甚者，javascript属于使用原型式继承的少数语言之一。利益于这种语言的灵活性，你既可使用标准的基于类的继承，也可使用更微妙一些的原型式继承。2、为什么需要继承?一般来说，在设计类的时候，我们希...
js实现延时加载Flash的方法

js实现延时加载Flash的方法

2017年02月06日 11 阅读
本文实例讲述了js实现延时加载Flash的方法。分享给大家供大家参考，具体如下：当页面中包含自动播放视频的flash播放器时，flash的流媒体播放会一直不停的下载视频（哪怕你点击了播放暂停/停止也一样在不停下载），这样会影响到页面其它元素的加载。最简单的优化办法就是让Flash一开始不要播放：当然，你可以修改fla源文件，让视频播放一开始就处于暂停，直到用户点击了播放按钮。但问题是，如果您嵌入的是没有源文件的flash动画，这种路子就走不通了。思路：可以...
Javascript BOM学习小结（六）

Javascript BOM学习小结（六）

2017年02月06日 12 阅读
1、BOM简介。 所谓的BOM即浏览器对象模型（Browser Object Model）。BOM赋予了JS操作浏览器的能力，即window操作。DOM则用于创建删除节点，操作HTML文档。BOM尚无正式的标准，导致各浏览器对于BOM方法的支持各有不同，因此需要具体问题具体对待。2、window对象。 window对象是BOM的核心，window对象指当前的浏览器窗口。所有JS全局对象、函数以及变量都属于window对象。全局变量是window对象的属...
Javascript模仿淘宝信用评价实例（附源码）

Javascript模仿淘宝信用评价实例（附源码）

2017年02月06日 11 阅读
本文实例讲述了Javascript模仿淘宝信用评价实现方法。分享给大家供大家参考，具体如下：老板昨天开会说:要给公司的购物平台增加信用评价功能，用户体验参考淘宝。于是今天研究了一下，用jQuery模似一个类似的效果:代码如下:<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional...
javascript bom是什么及bom和dom的区别

javascript bom是什么及bom和dom的区别

2017年02月06日 11 阅读
什么是BOMBOM是browser object model的缩写，简称浏览器对象模型BOM提供了独立于内容而与浏览器窗口进行交互的对象由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是windowBOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3CBOM最初是Netscape浏览器标准的一部分在BOM章节中你将学到什么BOM教程中，同学们将学到...
学习JavaScript设计模式（单例模式）

学习JavaScript设计模式（单例模式）

2017年02月06日 11 阅读
单例模式的定义：保证一个类仅有一个实例，并提供一个访问它的全局访问点。单例模式是一种常用的模式，有一些对象我们往往只需要一个，比如线程池、全局缓存、浏览器的window对象。在js开发中，单例模式的用途同样非常广泛。试想一下，当我们单击登录按钮的时候，页面中会出现一个登录框，而这个浮窗是唯一的，无论单击多少次登录按钮，这个浮窗只会被创建一次。因此这个登录浮窗就适合用单例模式。1、单例模式的使用场景在使用一种模式之前，我们最好要知道，这种模式的使用场景。用了...
<< 1231 1232 1233 1234 1235 1236 1237 1238 1239 1240 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图