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

易网时代-编程资源站

首页 / 脚本样式 / JavaScript

js+canvas简单绘制圆圈的方法

js+canvas简单绘制圆圈的方法

2017年02月06日 11 阅读

本文实例讲述了js+canvas简单绘制圆圈的方法。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"&...

js+canvas绘制矩形的方法

js+canvas绘制矩形的方法

2017年02月06日 12 阅读

本文实例讲述了js+canvas绘制矩形的方法。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">...

基于JavaScript的操作系统你听说过吗？

基于JavaScript的操作系统你听说过吗？

2017年02月06日 11 阅读

我想大多数人听说过 Node.js，但是你听说过 NodeOS 吗？没错，NodeOS，一个用 Node.js 写的操作系统。好吧，实话说，NodeOS 用 Linux 内核来处理各种底层任务，比如硬件通讯什么的，但是除此之外，使用的都是 Node.js。NodeOS 的开发始于两年前，创建者的目的很简单，他只是好奇，“是否有可能仅使用 Node.js 创建一个操作系统呢？”是否有可能仅使用 Node.js 创建一个操作系统呢？这个主意怎么样？我们已经看到...

基于jQuery实现以手风琴方式展开和折叠导航菜单

基于jQuery实现以手风琴方式展开和折叠导航菜单

2017年02月06日 11 阅读

本章节分享一段代码实例，它实现了手风琴方式展开和折叠导航菜单效果。代码实例如下:代码实例如下:<！DOCTYPE html><html><head><meta charset="gb2312"><meta name="author" content="http://www.jb51.net/" /><title>脚本之家</title><style>dl{wid...

Javascript复制实例详解

Javascript复制实例详解

2017年02月06日 12 阅读

在做项目时有一个需求，是需要复制内容到剪切板，因为有众多浏览器，所以要兼容性很重要。1、最简单的copy，只能在IE下使用使用clipboardData方法<script type="text/javascript">function copy（）{window.clipboardData.setData（"text",document.getElementById（"name"）.value）;alert（"The text is on th...

探讨JavaScript语句的执行过程

探讨JavaScript语句的执行过程

2017年02月06日 13 阅读

废话不多说，直奔主题了。javascript的运行原理总结如下：1、按照html文档流顺序执行javascript代码浏览器是按照文档流从上到下逐步解析页面结构和信息的，javascript代码作为嵌入的脚本作为html文档的组成部分，所以javascript代码在加载时的执行顺序也是根据脚本标签<script>的出现顺序来确定的。如果通过脚本标签<script>的src属性来引入外部.js文件，那么它也将按照其语句出现的顺序来执行...

jQuery获取checkbox选中的值

jQuery获取checkbox选中的值

2017年02月06日 11 阅读

1、问题背景有几个多选框，选择其中的几个，获取选中的值2、设计结果如下图所示：3、设计源码<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <hea...

理解javascript中的MVC模式

理解javascript中的MVC模式

2017年02月06日 11 阅读

MVC模式是软件工程中一种软件架构模式，一般把软件模式分为三部分，模型（Model）+视图（View）+控制器（Controller）;模型：模型用于封装与应用程序的业务逻辑相关的数据以及对数据处理的方法。模型有对数据直接访问的权利。模型不依赖 “视图” 和 “控制器”, 也就是说模型它不关心页面如何显示及如何被操作.视图：视图层最主要的是监听模型层上的数据改变，并且实时的更新html页面。当然也包括一些事件的注册或者ajax请求操作（发布事件）,都是放...

Angular实现form自动布局

Angular实现form自动布局

2017年02月06日 11 阅读

本文实例讲解了Angular实现form自动布局的详细代码，分享给大家供大家参考，具体内容如下效果图：具体代码：1.formlayoutCtrl.js"use strict";sxlcApp.controller（"formlayoutCtrl", ["$scope", "$filter", "$http", function（$scope, $filter, $http）{ $scope.title = "表单布局中"; $scope.dataParam...

很不错的两款Bootstrap Icon图标选择组件

很不错的两款Bootstrap Icon图标选择组件

2017年02月06日 11 阅读

一、Bootstrap icon picker组件这个组件是在github上面搜索的时候找到的，初初看上去，确实是很不错的，并且是基于bootstrap风格的，所以更加适合使用bootstrap风格布局的项目。既然是github上面的，毋庸置疑，这是一个开源组件，源码地址。好了，说了这么多，一起来看看它到底长啥样子吧。1、组件效果预览第一次初始化支持“上一页”和“下一页”支持自定义图标的选择支持模糊搜索图标，比如我们搜索camera选择图标后对应的样式放入...

JS组件系列之Bootstrap Icon图标选择组件

JS组件系列之Bootstrap Icon图标选择组件

2017年02月06日 11 阅读

前言：最近好多朋友在群里面聊到bootstrap icon图标的问题，比如最常见的菜单管理，每个菜单肯定需要一个对应的菜单图标，要是有一个可视化的图标选择组件就好了，最好是直接选择图标，就能得到对应的class样式。于是乎各种百度，皇天不负有心人，最后被博主找到了，感觉效果还不错，并且支持自定义的图标，今天就拿出来分享下，绝对的干货哦！一、Bootstrap icon picker组件这个组件是在github上面搜索的时候找到的，初初看上去，确实是很不错的...

JavaScript SweetAlert插件实现超酷消息警告框

JavaScript SweetAlert插件实现超酷消息警告框

2017年02月06日 11 阅读

今天给大家推荐一款不错的超酷消息警告框–SweetAlert；SweetAlert是一款不需要jQuery支持的原生js提示框,风格类似bootstrap。它的提示框不仅美丽动人，并且允许自定义，支持设置提示框标题、提示类型、内容展示图片、确认取消按钮文本、点击后回调函数等。和传统的alert相比：SweetAlert 能在页面自动居中，支持桌面环境，移动端和平板，并且高度自定义。接下来看看它的具体使用！HTML首先引入相应的js和css，该插件不需要jQ...

javascript实现tab响应式切换特效

javascript实现tab响应式切换特效

2017年02月06日 12 阅读

本文实例讲解了tab响应式切换效果，利用js对样式进行动态切换即可。多的不说，请看代码<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalab...

JavaScript中的this,call,apply使用及区别详解

JavaScript中的this,call,apply使用及区别详解

2017年02月06日 11 阅读

学习起因：在之前的JavaScript学习中，this,call,apply总是让我感到迷惑，但是他们的运用又非常的广泛。遂专门花了一天，来弄懂JavaScript的this,call,apply。中途参考的书籍也很多，以《JavaScript设计模式与开发实践》为主，《JavaScript高级程序设计》、《你不知道的JavaScript》为辅。这三本书对我理解this,call,apply都起了很大的帮助。this首先，我们先讲述this。在《JavaS...

js实现滚动条滚动到某个位置便自动定位某个tr

js实现滚动条滚动到某个位置便自动定位某个tr

2017年02月06日 13 阅读

要实现带滚动条的table，定位到某个tr，其实是很简单的，只有几行js代码就可以完成，具体内容如下js代码<strong><script type="text/javascript">functiontest（）{ var $objTr = $（"#location"）; //找到要定位的地方tr $objTr.css（"background-color","lightgray"）; //设置要定位地方的css var objTr...

jQuery模拟360浏览器切屏效果幻灯片（附demo源码下载）

jQuery模拟360浏览器切屏效果幻灯片（附demo源码下载）

2017年02月06日 11 阅读

本文实例讲述了jQuery模拟360浏览器切屏效果幻灯片，分享给大家供大家参考，具体如下：运行效果截图如下：点击此处查看在线演示效果。具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3....

关于获取DIV内部内容报错的原因分析及解决办法

关于获取DIV内部内容报错的原因分析及解决办法

2017年02月06日 13 阅读

1、错误描述2、错误原因由于向div中添加元素，利用append（）;$（"#divStyle"）.append（"<div><label>_data[i].name</label></div>"）;append里面是动态数据，当请求数据为空时，获取并判断div中的内容：var divContent = $（"#divStyle"）.html（）;if（divContent == null || divCon...

基于javascript实现listbox左右移动

基于javascript实现listbox左右移动

2017年02月06日 14 阅读

本文实例讲解了javascript实现listbox左右移动的详细代码，分享给大家供大家参考，具体内容如下效果图：具体代码：<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>listbox左右移动</title> </head><body>&...

JavaScript判断DIV内容是否为空的方法

JavaScript判断DIV内容是否为空的方法

2017年02月06日 11 阅读

1、问题背景判断div内部是否为空，如果为空，给出无数据提示；否则显示正常页面2、实现效果图如下所示：3、设计源码<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"...

jQuery实现横向带缓冲的水平运动效果（附demo源码下载）

jQuery实现横向带缓冲的水平运动效果（附demo源码下载）

2017年02月06日 15 阅读

本文实例讲述了jQuery实现横向带缓冲的水平运动效果。分享给大家供大家参考，具体如下：这里使用jQuery生成横向带缓冲的水平运动，用鼠标点一下才能激活，点一下以后可看到Div层在做水平运动，由此可派生出诸多的其它形式的动画效果。点击此处查看在线演示效果。具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/...

<< 1291 1292 1293 1294 1295 1296 1297 1298 1299 1300 >>

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