Welcome 微信登录

首页 / 脚本样式 / JavaScript

基于javascript实现句子翻牌网页版小游戏

基于javascript实现句子翻牌网页版小游戏

本文实例为大家分享了js实现句子翻牌网页版小游戏,供大家参考,具体内容如下效果图:实现思路:考察打字能力和记忆能力的益智小游戏。1.会先把一段文字显示2.一小段时间后显示背面3.输入框输入文字与文字全部对应显示正面具体代码:<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>句子翻牌&l...
基于javascript实现泡泡大冒险网页版小游戏

基于javascript实现泡泡大冒险网页版小游戏

本文实例为大家分享了一个很有趣的网页版游戏,有点类似金山打字游戏的青蛙过河,供大家参考,具体内容如下效果图:实现思路:益智类小游戏,主要练习打字能力,基于jq开发。1.在输入框输入泡泡对应文字,点击enter提交2.与泡泡文字相对提示分数 3.可以暂停操作4.每次泡泡着地会减少血量,减少到0结束游戏5.每过一段时间会加快泡泡下落速度具体代码:<html><head><meta http-equiv="Content-Type"...
不能不知道的10个angularjs英文学习网站

不能不知道的10个angularjs英文学习网站

AngularJS 是非常棒的JS框架,能够创建功能强大,动态功能的Web app。AngularJS自2009发布以来,已经广泛应用于Web 开发中。但是对想要学习Angular JS 的人而言,只有官方文档,那是万万不够的。大多数人更愿意看一些入门视频,或者是更易于理解学习的Demo程序。因此本文推荐了10个AngularJS 学习指南,助你一臂之力。1. Year of Moo超级赞的AngularJS学习指南,是由Year of Moo 创建的,包...
JS中setTimeout的巧妙用法前端函数节流

JS中setTimeout的巧妙用法前端函数节流

什么是函数节流?函数节流简单的来说就是不想让该函数在很短的时间内连续被调用,比如我们最常见的是窗口缩放的时候,经常会执行一些其他的操作函数,比如发一个ajax请求等等事情,那么这时候窗口缩放的时候,有可能连续发多个请求,这并不是我们想要的,或者是说我们常见的鼠标移入移出tab切换效果,有时候连续且移动的很快的时候,会有闪烁的效果,这时候我们就可以使用函数节流来操作。大家都知道,DOM的操作会很消耗或影响性能的,如果是说在窗口缩放的时候,为元素绑定大量的do...
JavaScript驾驭网页-DOM

JavaScript驾驭网页-DOM

一、DOM全称文档对象模型(Document Object Model)二、DOM是什么DOM就是一个编程接口,就是一套API。DOM是针对HTML文档、XML等文档的一套API。就类似于JDBC是针对数据库的一套API一样。三、DOM的用途DOM 是用来访问或操作HTML文档、XHTML文档、XML文档中的节点元素。现在基本上所有的浏览器都都执行了W3C发布的DOM规范,所以在浏览器上就可以用DOM的这些API。DOM提供对脚本友善的网页结构与内容的视图...
JavaScript驾驭网页-获取网页元素

JavaScript驾驭网页-获取网页元素

推荐阅读:JavaScript驾驭网页-DOMJavaScript驾驭网页-CSS与DOM利用DOM分割HTML利用JavaScript控制网页内容其实很像烹饪。只是不用收拾列羹剩肴,但也没有办法享受美味的成果。 不过,你将能完整网页内容的HTML构成要素:更重要的是,你将拥有替换网页成分的能力。 JavaScript让你可以随心所欲地操控网页的HTML代码,从而打开各种有趣的机会之门,一切都是因为标准对象:DOM的存在getElementByIdHTML...
Angular.js如何从PHP读取后台数据

Angular.js如何从PHP读取后台数据

之前已经有很多方法可以通过angular进行本地数据的读取。以前的例子中,大多数情况都是将数据存放到模块的$scope变量中,或者直接利用ng-init定义初始化的数据。但是这些方法都只为了演示其他功能的效果。这次来学习一下如何将Angular和PHP相结合,从后台读取数据。首先,利用PHP,我们定义了一组后台数据,代码如下(test.php):<?php header("Access-Control-Allow-Origin: *"); h...
jquery zTree异步加载、模糊搜索简单实例分享

jquery zTree异步加载、模糊搜索简单实例分享

本文实例为大家讲解了jquery zTree树插件的基本使用方法,具体内容如下一、节点模糊搜索功能:搜索成功后,自动高亮显示并定位、展开搜索到的节点。二、节点异步加载:1、点击展开时加载数据;2、选中节点时加载数据。前台代码如下:<script type="text/javascript"> //ztree设置 var setting = { view: { fontCss: getFontCss }, check: { enable: tru...
拥有一个属于自己的javascript表单验证插件

拥有一个属于自己的javascript表单验证插件

自己编写了一个表单验证插件,使用起来很简单,以后还可以扩展更多的功能,比如ajax验证。每个需要验证的表单元素下面有一个span标签,这个标签的class有一个valid表示需要验证,如果有nullable则表示可为空;rule表示验证规则,msg表示错误提示信息;to表示要验证的元素的name值,如果元素是单个的,to可以不写。该插件会遍历每个有valid的span标签,找出它前面需要验证的元素,根据rule验证,如果验证不通过,则显示边框为红色,鼠标放...
JS实现支持Ajax验证的表单插件

JS实现支持Ajax验证的表单插件

本文为大家分享了一个表单验证插件,支持ajax验证,使用起来很简单。每个需要验证的表单元素下面有一个span标签,这个标签的class有一个valid表示需要验证,如果有nullable则表示可为空;rule表示验证规则,msg表示错误提示信息;to表示要验证的元素的name值,如果元素是单个的,to可以不写。该插件会遍历每个有valid的span标签,找出它前面需要验证的元素,根据rule验证,如果验证不通过,则显示边框为红色,鼠标放在元素上时显示错误信...
JavaScript入门系列之知识点总结

JavaScript入门系列之知识点总结

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。一、准备工作:1、为什么学习JavaScript所有的主流浏览器都只是Javascript大部分网页都使用Javascript它可以让网页呈现各种动态效果易学2、如何插入JS<scr...
<< 1321 1322 1323 1324 1325 1326 1327 1328 1329 1330 >>